/* أنماط الكروت والصفحات (تُستخدم في المعاينة والطباعة والتصدير) */
.page{background:#fff;position:relative;flex:none;overflow:hidden}
.cutline{position:absolute;background:#9aa3b2;opacity:.7}
.card{position:absolute;box-sizing:border-box;overflow:hidden;display:flex;direction:rtl;
  background:var(--bg);color:var(--tx);font-family:var(--font);font-size:var(--fs);line-height:1.3;
  border:var(--bw) var(--bs) var(--bc);border-radius:var(--r)}
.card *{box-sizing:border-box}
.card .bgimg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:var(--bgo);pointer-events:none}
.card>*:not(.bgimg){position:relative}
.card .qr{width:var(--qr);height:var(--qr);background:#fff;padding:.7mm;border-radius:.8mm;flex:none;image-rendering:pixelated}
.card .code{direction:ltr;unicode-bidi:isolate;font-family:"Plex Mono",Consolas,"Courier New",monospace;font-weight:700;
  letter-spacing:.03em;font-size:calc(var(--fs)*var(--cf));white-space:nowrap}
.card .lb{font-size:.68em;opacity:.72;white-space:nowrap}
.card .row{display:flex;align-items:baseline;justify-content:space-between;gap:2mm}
.card .chips{display:flex;flex-wrap:wrap;gap:.7mm 1.4mm;font-size:.66em}
.card .chip{padding:.15mm 1.5mm;border-radius:99px;background:rgba(127,127,127,.17);white-space:nowrap}
.card .logo{height:var(--logoh);width:auto;max-width:40%;object-fit:contain;flex:none}
.card .ttl{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .num{font-size:.68em;opacity:.85;font-weight:500}

/* تخطيط كلاسيكي */
.card.l-classic{flex-direction:column}
.card.l-classic .hd{display:flex;align-items:center;gap:2mm;padding:1.5mm 2.8mm;background:var(--hdbg);color:var(--hdtx)}
.card.l-classic .hd .ttl{flex:1}
.card.l-classic .bd{flex:1;display:flex;align-items:center;justify-content:space-between;gap:2.5mm;padding:1.2mm 3mm}
.card.l-classic .cr{flex:1;display:flex;flex-direction:column;gap:1.1mm;min-width:0}
.card.l-classic .ft{padding:1mm 3mm 1.6mm;display:flex;justify-content:space-between;align-items:center;gap:2mm}

/* تخطيط شريط جانبي */
.card.l-side{flex-direction:row}
.card.l-side .sd{width:31%;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2mm;padding:2mm;background:var(--hdbg);color:var(--hdtx);text-align:center}
.card.l-side .sd .big{font-size:1.9em;font-weight:700;line-height:1}
.card.l-side .sd .sm{font-size:.7em;opacity:.9}
.card.l-side .mn{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:2mm 3mm;min-width:0}
.card.l-side .mid{display:flex;justify-content:space-between;align-items:center;gap:2mm}
.card.l-side .cr{display:flex;flex-direction:column;gap:1mm;min-width:0}

/* تخطيط مركزي */
.card.l-center{flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2mm 3mm;gap:1mm}
.card.l-center .top{display:flex;align-items:center;gap:2mm;justify-content:center;width:100%}
.card.l-center .big{font-size:calc(var(--fs)*var(--cf)*1.35)}
.card.l-center .cornerqr{position:absolute!important;left:1.6mm;bottom:1.6mm}
.card.l-center .accbar{width:30%;height:.9mm;border-radius:1mm;background:var(--hdbg)}