/* Rapport 5abir.ma — reproduction dyal template Kia.pdf (A4 = 794 x 1123 px) */
.rp {
  --g: #9ad67c; --y: #fbe26e; --r: #e9645b;
  --brand: #8997c8; --ink: #5f6b95; --navy: #2d2d73;
  --card: #f1f1ef; --cell: #f1f1ef; --lbl: #f7fbfb; --line: #bcc3d3;
  font-family: 'Open Sans', 'Cairo', Arial, sans-serif;
  color: #111;
}
.rp .page {
  width: 794px; height: 1123px; position: relative; overflow: hidden;
  background: radial-gradient(ellipse at 20% 10%, #fbfdfd 0%, #f2f6f8 55%, #eef3f6 100%);
  box-sizing: border-box;
  print-color-adjust: exact; -webkit-print-color-adjust: exact;
}
.rp .page + .page { margin-top: 24px; }
.rp .abs { position: absolute; }
.rp .brand { position: absolute; font-weight: 700; color: var(--brand); letter-spacing: .5px; }
.rp .brand.top { top: 18px; right: 30px; font-size: 19px; }
.rp .brand.bottom { bottom: 8px; right: 18px; font-size: 21px; }
.rp .pnum {
  position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%);
  width: 29px; height: 29px; border: 1.3px solid #333; border-radius: 50%;
  display: grid; place-items: center; font-size: 11px; font-weight: 700;
}
/* border/padding/shadow: 0 bach style .card dyal dashboard ma ydkhelch f rapport */
.rp .card { position: absolute; background: var(--card); border-radius: 10px; border: 0; padding: 0; box-shadow: none; }
.rp .brand.top { display: block; margin: 0; }
.rp .panel { position: absolute; background: #fcfdfe; border-radius: 7px; }

/* titres dyal sections: français 3la lisr, 3arbiya 3la limen, w str ta7t */
.rp .sec {
  position: absolute; display: flex; justify-content: space-between; align-items: flex-end;
  border-bottom: 1px solid var(--line); padding: 0 6px 2px; box-sizing: border-box;
  font-weight: 700; font-size: 13px;
}
.rp .sec .ar { font-family: 'Cairo', sans-serif; font-size: 15px; direction: rtl; }

/* cases */
.rp .h, .rp .c, .rp .l {
  position: absolute; box-sizing: border-box; display: flex; align-items: center; justify-content: center;
}
.rp .h { color: #fff; font-weight: 700; font-size: 11.5px; letter-spacing: .2px; white-space: nowrap; overflow: hidden; }
.rp .h.g { background: var(--g); } .rp .h.y { background: var(--y); } .rp .h.r { background: var(--r); }
.rp .c { background: var(--cell); }
.rp .c svg { width: 21px; height: 21px; }
.rp .l { background: var(--lbl); font-weight: 600; font-size: 12.5px; color: #111; }
.rp .l.left { justify-content: flex-start; padding-left: 4px; }
.rp .l.split { justify-content: space-between; padding: 0 6px; }
.rp .ar { font-family: 'Cairo', sans-serif; direction: rtl; font-weight: 700; }
.rp .l .ar { font-size: 12px; }
.rp .txt { position: absolute; }

.rp .com-l { position: absolute; background: var(--lbl); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 17px; }
.rp .com-v { position: absolute; background: var(--cell); display: flex; align-items: center; justify-content: center; text-align: center; font-size: 13.5px; padding: 6px 10px; box-sizing: border-box; white-space: pre-wrap; overflow: hidden; }

/* page 1 */
.rp .veh { position: absolute; left: 54px; top: 182px; font-size: 14.5px; line-height: 19.5px; }
.rp .veh b { font-weight: 800; font-size: 12.5px; letter-spacing: -.3px; margin-right: 4px; }
.rp .date-l { position: absolute; left: 62px; top: 136px; font-size: 17.5px; color: var(--ink); letter-spacing: .6px; }
.rp .date-v { position: absolute; left: 219px; top: 133px; width: 152px; border-bottom: 1px solid var(--ink); font-size: 15px; padding-left: 20px; box-sizing: border-box; }

/* page 2 */
.rp .pill {
  position: absolute; left: 291px; top: 136px; width: 182px; height: 55px; border-radius: 16px;
  background: #8998cf; color: #fff; text-align: center; font-weight: 700; font-size: 14.5px; line-height: 21px;
  display: flex; flex-direction: column; justify-content: center;
  box-shadow: 0 9px 10px -4px rgba(40, 45, 70, .45);
}
.rp .fonct { position: absolute; color: #8c94c2; font-weight: 700; font-size: 16.5px; }

/* page 3 */
.rp .disclaimer { position: absolute; left: 44px; width: 716px; top: 1003px; font-size: 11.2px; text-align: center; line-height: 15.5px; }
.rp .expert { position: absolute; right: 44px; top: 1040px; text-align: right; font-size: 12px; color: var(--navy); }
.rp .expert img { display: block; max-height: 40px; max-width: 150px; margin-left: auto; }

/* page photos */
.rp .photos { position: absolute; left: 54px; top: 170px; width: 686px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.rp .photos figure { margin: 0; background: #fff; border-radius: 6px; overflow: hidden; height: 250px; }
.rp .photos img { width: 100%; height: 100%; object-fit: cover; display: block; }

@media print {
  @page { size: A4; margin: 0; }
  .rp .page + .page { margin-top: 0; }
  .rp .page { break-after: page; }
}