﻿:root{
  --print-ink:#173a67;
  --print-muted:#5f738f;
  --print-line:#cfe0f4;
  --print-soft:#edf5fe;
}

@page{
  size:A4;
  margin:10mm;
}

*{
  box-sizing:border-box;
}

body{
  margin:0;
  font-family:"Cairo", Arial, sans-serif;
  color:var(--print-ink);
  background:#dfeefe;
}

html,
body,
.print-page,
.print-card,
.print-card-chip{
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact;
}

.print-pages{
  display:grid;
  gap:16px;
  padding:16px;
}

.print-page{
  width:min(190mm, 100%);
  margin:0 auto;
  padding:10mm 8mm 8mm;
  background:#f8fbff;
  box-shadow:0 18px 38px rgba(23,58,103,.14);
  page-break-after:always;
  break-after:page;
}

.print-page:last-child{
  page-break-after:auto;
  break-after:auto;
}

.print-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-bottom:2px solid var(--print-line);
  padding-bottom:12px;
  margin-bottom:14px;
}

.print-header-brand{
  display:flex;
  align-items:center;
  gap:14px;
}

.print-header-brand img{
  width:150px;
  height:auto;
}

.print-header-brand strong,
.print-header-meta span{
  display:block;
}

.print-header-meta{
  text-align:left;
  font-size:13px;
  color:var(--print-muted);
}

.print-cover{
  display:none;
}

.print-cover-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.print-eyebrow{
  display:inline-block;
  color:#2a73c5;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.print-cover h1{
  margin:0;
  font-size:36px;
}

.print-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

.print-card{
  break-inside:avoid;
  border:1px solid var(--print-line);
  border-radius:16px;
  padding:12px;
  background:var(--print-soft);
  display:block;
}

.print-card-chip{
  display:block;
  width:38px;
  height:38px;
  border-radius:12px;
  border:1px solid rgba(23,58,103,.28);
  box-shadow:0 8px 14px rgba(23,58,103,.12);
  margin-inline-start:auto;
  margin-bottom:10px;
  background-clip:padding-box;
}

.print-card-code{
  display:inline-block;
  margin-bottom:6px;
  color:#2a73c5;
  font-weight:800;
  font-size:12px;
  letter-spacing:.08em;
}

.print-card h3{
  margin:0 0 8px;
  font-size:16px;
  line-height:1.3;
}

.print-card p{
  margin:0 0 10px;
  color:var(--print-muted);
  font-size:11px;
  line-height:1.75;
}

.print-card-meta{
  display:grid;
  gap:4px;
  font-size:11px;
}

@media print{
  body{
    background:#fff;
  }

  .print-pages{
    padding:0;
    gap:0;
  }

  .print-page{
    width:auto;
    margin:0;
    box-shadow:none;
  }
}
