/* ==============================================================================
   Mallam Ibrahim Shekarau — Registration Portal & Official A5 Slip
   ------------------------------------------------------------------------------
   The A5 slip is a fixed-size printable document. Everything under `.a5-doc`
   is styled here with dedicated classes (no utility classes) so that it renders
   identically on screen and on paper, and is immune to the Gavias theme and
   custom.css overrides that otherwise recolour headings and border up tables.
   ============================================================================== */

:root {
  --shk-navy-deep: #0a192f;
  --shk-navy: #123163;
  --shk-navy-mid: #1e3a8a;
  --shk-navy-soft: #eef3fb;
  --shk-gold: #c08a1e;
  --shk-gold-bright: #dfac42;
  --shk-gold-pale: #f6e4b4;
  --shk-emerald: #047857;
  --shk-ink: #0f172a;
  --shk-muted: #64748b;
  --shk-line: #d9e1ee;
}

/* ==============================================================================
   1. Registration portal (form + re-print tabs)
   ============================================================================== */

.shekarau-reg-container {
  max-width: 1000px;
  margin: 0 auto;
}

.reg-card {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 30px -5px rgba(10, 25, 47, 0.08), 0 4px 6px -2px rgba(10, 25, 47, 0.04);
  border: 1px solid rgba(30, 58, 138, 0.12);
  overflow: hidden;
}

.reg-tab-btn {
  transition: all 0.2s ease-in-out;
}

.reg-tab-btn.active {
  background-color: var(--shk-navy-mid) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(30, 58, 138, 0.25);
}

/* The Gavias theme styles `.gva-body-page input[type=text]` / `select` directly.
   `.gva-body-page input[type=text]` scores (0,2,1) and loads after this file, so
   the `input[type]` qualifier below is needed to win back the left padding that
   keeps field text clear of the leading icon. */
.shekarau-reg-page .form-input-styled,
.shekarau-reg-page input[type].form-input-styled,
.shekarau-reg-page select.form-input-styled,
.shekarau-reg-page textarea.form-input-styled {
  width: 100%;
  padding: 0.7rem 1rem 0.7rem 2.85rem;
  border-radius: 0.6rem;
  border: 1px solid #cbd5e1;
  background-color: #f8fafc;
  color: var(--shk-ink);
  font-size: 0.95rem;
  line-height: 1.4;
  height: auto;
  box-shadow: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.shekarau-reg-page select.form-input-styled {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 2.5rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.85rem center;
  background-size: 1rem 1rem;
}

.shekarau-reg-page .form-input-styled:focus,
.shekarau-reg-page input[type].form-input-styled:focus,
.shekarau-reg-page select.form-input-styled:focus,
.shekarau-reg-page textarea.form-input-styled:focus {
  outline: none;
  border-color: var(--shk-navy-mid);
  background-color: #ffffff;
  box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.15);
}

.shekarau-reg-page .form-input-styled::placeholder {
  color: #94a3b8;
}

.shekarau-reg-page .form-input-no-icon,
.shekarau-reg-page input[type].form-input-no-icon {
  padding-left: 1rem;
}

/* Leading field icons sit in the reserved gutter and never swallow clicks. */
.shekarau-reg-page .relative > [data-lucide],
.shekarau-reg-page .relative > svg.lucide {
  pointer-events: none;
  color: #94a3b8;
}

.photo-upload-zone {
  border: 2px dashed #93c5fd;
  border-radius: 12px;
  background-color: #f0f7ff;
  transition: all 0.25s ease;
  cursor: pointer;
}

.photo-upload-zone:hover,
.photo-upload-zone.dragover {
  border-color: var(--shk-navy-mid);
  background-color: #e0f2fe;
}

.photo-preview-circle {
  width: 120px;
  height: 140px;
  border-radius: 8px;
  object-fit: cover;
  border: 3px solid var(--shk-navy-mid);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* ==============================================================================
   2. Slip page shell (screen only)
   ============================================================================== */

.slip-page {
  background: radial-gradient(circle at 50% 0%, #143061 0%, #0a1d3a 45%, #060f1f 100%);
  padding: 2.5rem 1rem 3.5rem;
  min-height: 100vh;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.slip-page__inner {
  width: 100%;
  /* Matches the document width so the chrome above it reads as one object. */
  max-width: 148mm;
  margin: 0 auto;
}

.slip-toolbar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
  padding: 0.9rem 1rem;
  margin-bottom: 1rem;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 14px;
  box-shadow: 0 18px 40px -20px rgba(0, 0, 0, 0.7);
}

.slip-toolbar__meta,
.slip-toolbar__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
}

.slip-toolbar__meta {
  justify-content: space-between;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e7ecf4;
}

.slip-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 0.85rem;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.slip-btn:hover {
  transform: translateY(-1px);
  text-decoration: none;
}

.slip-btn [data-lucide],
.slip-btn svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.slip-btn--primary {
  background: var(--shk-navy-mid);
  color: #ffffff;
  box-shadow: 0 6px 16px -6px rgba(30, 58, 138, 0.8);
}

.slip-btn--primary:hover,
.slip-btn--primary:focus {
  background: #17306e;
  color: #ffffff;
}

.slip-btn--primary svg {
  color: var(--shk-gold-bright);
}

.slip-btn--success {
  background: var(--shk-emerald);
  color: #ffffff;
  box-shadow: 0 6px 16px -6px rgba(4, 120, 87, 0.8);
}

.slip-btn--success:hover,
.slip-btn--success:focus {
  background: #036549;
  color: #ffffff;
}

.slip-btn--muted {
  background: #eef2f7;
  color: #33415c;
  border-color: #cbd5e1;
}

.slip-btn--muted:hover,
.slip-btn--muted:focus {
  background: #e2e8f0;
  color: #33415c;
}

.slip-btn--ghost {
  background: #eef3fb;
  color: var(--shk-navy-mid);
  border-color: #c7d7f0;
}

.slip-btn--ghost:hover,
.slip-btn--ghost:focus {
  background: #e0eafb;
  color: var(--shk-navy-mid);
}

.slip-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.8rem;
  border-radius: 10px;
  background: #e7f7ef;
  border: 1px solid #a7e0c6;
  color: #046c4e;
  font-size: 0.74rem;
  font-weight: 700;
}

.slip-badge [data-lucide],
.slip-badge svg {
  width: 0.95rem;
  height: 0.95rem;
}

.slip-hint {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  padding: 0.75rem 1rem;
  margin-bottom: 1.6rem;
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 12px;
  background: rgba(15, 43, 92, 0.55);
  color: #d8e6ff;
  font-size: 0.78rem;
  line-height: 1.5;
}

.slip-hint strong {
  color: #ffffff;
}

.slip-hint [data-lucide],
.slip-hint svg {
  width: 1.1rem;
  height: 1.1rem;
  flex-shrink: 0;
  color: var(--shk-gold-bright);
  margin-top: 0.1rem;
}

.slip-stage {
  display: flex;
  justify-content: center;
}

/* Standalone print view (?print=1): the document and nothing else. */
.slip-page--bare {
  background: #f1f5f9;
  padding: 1.5rem 0.5rem;
  min-height: 0;
}

/* ==============================================================================
   3. The A5 document (148mm x 210mm — identical on screen and on paper)
   ============================================================================== */

.a5-doc {
  width: 148mm;
  height: 210mm;
  padding: 5mm;
  box-sizing: border-box;
  background: #ffffff;
  color: var(--shk-ink);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 8pt;
  line-height: 1.35;
  border-radius: 6px;
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.65);
  overflow: hidden;
}

/* Scale the fixed-size document down on narrow screens rather than letting it
   overflow. Reset for print, where the real millimetres matter. */
@media (max-width: 660px) {
  .a5-doc { zoom: 0.72; }
}

@media (max-width: 480px) {
  .a5-doc { zoom: 0.54; }
}

@media (max-width: 380px) {
  .a5-doc { zoom: 0.44; }
}

.a5-frame {
  position: relative;
  height: 100%;
  box-sizing: border-box;
  padding: 4mm;
  border: 0.8mm solid var(--shk-navy);
  border-radius: 3px;
  background: #ffffff;
  overflow: hidden;
}

.a5-frame::after {
  content: "";
  position: absolute;
  inset: 1.2mm;
  border: 0.35mm solid var(--shk-gold);
  border-radius: 2px;
  pointer-events: none;
}

.a5-watermark {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 88mm;
  height: 88mm;
  transform: translate(-50%, -50%);
  opacity: 0.04;
  pointer-events: none;
  user-select: none;
}

.a5-body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}

/* Guard against theme rules (custom.css forces headings white inside gradient
   wrappers, template.css frames every table cell). */
.a5-doc .a5-body h1,
.a5-doc .a5-body h2,
.a5-doc .a5-body h3 {
  margin: 0;
  padding: 0;
  font-family: inherit;
  color: var(--shk-navy-deep) !important;
}

.a5-doc .a5-body p {
  margin: 0;
  padding: 0;
}

.a5-doc .a5-body img {
  max-width: none;
  vertical-align: middle;
}

/* ---- 3.1 National ribbon ---- */

.a5-ribbon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.5mm;
  padding-bottom: 1.6mm;
}

.a5-ribbon__flag {
  display: inline-flex;
  align-items: center;
  gap: 0.6mm;
}

.a5-ribbon__green,
.a5-ribbon__white {
  display: inline-block;
  width: 5mm;
  height: 1.6mm;
  border-radius: 0.3mm;
}

.a5-ribbon__green {
  background: var(--shk-emerald);
}

.a5-ribbon__white {
  background: #ffffff;
  border: 0.2mm solid #cbd5e1;
}

.a5-ribbon__text {
  font-size: 6pt;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--shk-muted);
  white-space: nowrap;
}

/* ---- 3.2 Masthead ---- */

.a5-masthead {
  display: flex;
  align-items: center;
  gap: 3mm;
  padding-bottom: 2.6mm;
  border-bottom: 0.6mm solid var(--shk-navy);
}

.a5-masthead__seal,
.a5-masthead__portrait {
  flex: 0 0 auto;
  width: 17mm;
  height: 17mm;
  border-radius: 50%;
  object-fit: cover;
}

.a5-masthead__seal {
  object-fit: contain;
}

.a5-masthead__portrait {
  border: 0.5mm solid var(--shk-gold-bright);
}

.a5-masthead__titles {
  flex: 1 1 auto;
  min-width: 0;
  text-align: center;
}

.a5-doc .a5-body .a5-masthead__name {
  font-size: 13pt;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--shk-navy-deep) !important;
}

.a5-masthead__post {
  font-size: 9pt;
  font-weight: 800;
  color: var(--shk-gold) !important;
  white-space: nowrap;
}

.a5-masthead__sub {
  margin-top: 0.8mm !important;
  font-size: 7pt;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--shk-navy-mid);
}

.a5-masthead__badge {
  display: inline-block;
  margin-top: 1.4mm;
  padding: 0.9mm 3.4mm;
  border: 0.25mm solid var(--shk-gold-bright);
  border-radius: 6mm;
  background: linear-gradient(90deg, #0a192f, #1b3f86, #0a192f);
  color: #ffffff;
  font-size: 6.2pt;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

/* ---- 3.3 Serial strip ---- */

.a5-serial {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3mm;
  margin-top: 2.6mm;
  padding: 1.8mm 3mm;
  border: 0.25mm solid #c7d7f0;
  border-left: 1.2mm solid var(--shk-navy);
  border-radius: 1.2mm;
  background: linear-gradient(90deg, #f7faff, #eef3fb);
}

.a5-serial__block {
  display: flex;
  flex-direction: column;
  gap: 0.4mm;
  min-width: 0;
}

.a5-serial__block--right {
  text-align: right;
}

.a5-serial__label {
  font-size: 5.8pt;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--shk-muted);
}

.a5-serial__value {
  font-family: 'Courier New', Courier, monospace;
  font-size: 12pt;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--shk-navy-deep);
}

.a5-serial__date {
  font-size: 8pt;
  font-weight: 700;
  color: var(--shk-ink);
  white-space: nowrap;
}

/* ---- 3.4 Member profile ---- */

.a5-profile {
  display: flex;
  gap: 4mm;
  margin-top: 3.4mm;
}

.a5-profile__photo {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 32mm;
}

.a5-photo-frame {
  padding: 0.8mm;
  border: 0.5mm solid var(--shk-gold-bright);
  border-radius: 1.2mm;
  background: #ffffff;
}

.a5-photo {
  display: block;
  width: 30mm;
  height: 37mm;
  object-fit: cover;
  border-radius: 0.8mm;
}

.a5-photo--empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.2mm;
  border: 0.3mm dashed #b6c2d4;
  background: #f6f8fc;
  color: #94a3b8;
  font-size: 6pt;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.a5-photo--empty [data-lucide],
.a5-photo--empty svg {
  width: 7mm;
  height: 7mm;
}

.a5-verified {
  margin-top: 1.6mm;
  padding: 0.9mm 2.6mm;
  border-radius: 6mm;
  background: var(--shk-emerald);
  color: #ffffff;
  font-size: 5.8pt;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.a5-profile__details {
  flex: 1 1 auto;
  min-width: 0;
}

.a5-name {
  padding-bottom: 1.4mm;
  border-bottom: 0.5mm solid var(--shk-gold-bright);
}

.a5-name__label {
  display: block;
  font-size: 5.8pt;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--shk-muted);
}

.a5-doc .a5-body .a5-name__value {
  margin-top: 0.6mm !important;
  font-size: 13pt;
  font-weight: 900;
  line-height: 1.15;
  text-transform: uppercase;
  color: var(--shk-navy-deep) !important;
  word-break: break-word;
}

/* The Gavias theme borders every table cell; reset the whole table here. */
.a5-doc .a5-table {
  width: 100%;
  margin: 2mm 0 0;
  border: 0;
  border-collapse: collapse;
  background: transparent;
  table-layout: fixed;
}

.a5-doc .a5-table tr,
.a5-doc .a5-table th,
.a5-doc .a5-table td {
  border: 0;
  border-bottom: 0.2mm solid #e7ecf4;
  background: transparent;
}

.a5-doc .a5-table tr:last-child th,
.a5-doc .a5-table tr:last-child td {
  border-bottom: 0;
}

.a5-doc .a5-table th {
  width: 30mm;
  padding: 1.4mm 2mm 1.4mm 0;
  font-size: 6.2pt;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: left;
  color: var(--shk-muted);
  vertical-align: middle;
}

.a5-doc .a5-table td {
  padding: 1.4mm 0;
  font-size: 8.4pt;
  font-weight: 700;
  color: var(--shk-ink);
  vertical-align: middle;
}

.a5-doc .a5-table__break {
  word-break: break-all;
  font-weight: 600 !important;
}

/* ---- 3.5 Electoral section ---- */

.a5-section {
  margin-top: 3.4mm;
  padding: 2.2mm 2.6mm 2.6mm;
  border: 0.25mm solid #c7d7f0;
  border-radius: 1.2mm;
  background: linear-gradient(135deg, #f7faff, #eef3fb);
}

.a5-section__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2mm;
  padding-bottom: 1.4mm;
  margin-bottom: 2mm;
  border-bottom: 0.25mm solid #cfdcf0;
}

.a5-section__title {
  display: inline-flex;
  align-items: center;
  gap: 1.4mm;
  font-size: 7pt;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--shk-navy-deep);
}

.a5-doc .a5-icon {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.a5-section__title [data-lucide],
.a5-section__title svg {
  width: 3.4mm;
  height: 3.4mm;
  color: var(--shk-navy-mid);
}

.a5-section__tag {
  padding: 0.7mm 2.2mm;
  border-radius: 1mm;
  background: #dbe7fa;
  color: var(--shk-navy-mid);
  font-size: 5.6pt;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.a5-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2mm;
}

.a5-cell {
  padding: 1.6mm 2.2mm;
  border: 0.25mm solid #dbe4f2;
  border-radius: 1mm;
  background: #ffffff;
  min-width: 0;
}

.a5-cell__label {
  display: block;
  font-size: 5.6pt;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: #94a3b8;
}

.a5-cell__value {
  display: block;
  margin-top: 0.5mm;
  font-size: 8.4pt;
  font-weight: 800;
  line-height: 1.25;
  color: var(--shk-navy-deep);
  word-break: break-word;
}

/* ---- 3.6 Declaration ---- */

.a5-declaration {
  margin-top: auto;
  padding-left: 2.6mm;
  border-left: 0.6mm solid var(--shk-gold-bright);
}

.a5-declaration__label {
  display: block;
  margin-bottom: 0.8mm;
  font-size: 5.8pt;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--shk-gold);
}

.a5-doc .a5-declaration p {
  font-size: 7.4pt;
  line-height: 1.45;
  color: #3b4a61;
}

.a5-doc .a5-declaration strong {
  color: var(--shk-navy-deep);
}

/* ---- 3.7 Authentication footer ---- */

.a5-auth {
  display: flex;
  align-items: center;
  gap: 4mm;
  margin-top: auto;
  padding-top: 2.8mm;
  border-top: 0.5mm solid #cbd5e1;
}

.a5-auth__qr {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 23mm;
}

.a5-qr {
  width: 22mm;
  height: 22mm;
  padding: 0.6mm;
  border: 0.5mm solid var(--shk-navy);
  border-radius: 1mm;
  background: #ffffff;
  box-sizing: border-box;
}

.a5-qr svg,
.a5-qr img {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

.a5-auth__caption {
  margin-top: 1mm;
  font-size: 5.4pt;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--shk-navy-deep);
}

.a5-auth__note {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 2.4mm;
  min-width: 0;
}

.a5-auth__stamp {
  flex: 0 0 auto;
  width: 17mm;
  height: 17mm;
  object-fit: contain;
}

.a5-doc .a5-auth__note p {
  font-size: 6.4pt;
  line-height: 1.4;
  color: #5b6a80;
}

.a5-doc .a5-auth__note strong {
  color: var(--shk-navy-deep);
}

.a5-auth__sign {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33mm;
  text-align: center;
}

.a5-auth__signature {
  height: 9mm;
  width: auto;
  object-fit: contain;
}

.a5-auth__rule {
  display: block;
  width: 100%;
  height: 0;
  margin: 0.6mm 0 1mm;
  border-bottom: 0.3mm solid var(--shk-navy-deep);
}

.a5-auth__title {
  font-size: 6.2pt;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--shk-navy-deep);
}

.a5-auth__sub {
  font-size: 5.4pt;
  font-weight: 700;
  color: var(--shk-muted);
}

.a5-microtext {
  margin-top: 2.4mm;
  padding-top: 1.4mm;
  border-top: 0.2mm dashed #dbe2ec;
  font-size: 5.2pt;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  text-align: center;
  color: #a3aec0;
}

/* ==============================================================================
   4. Print engine — exact A5, nothing but the document
   ============================================================================== */

@media print {
  @page {
    size: 148mm 210mm;
    margin: 0;
  }

  html,
  body {
    width: 148mm !important;
    height: 210mm !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* Paint only the slip: everything else in the theme is hidden rather than
     enumerated, so no header, footer or toolbar can leak onto the page. */
  body * {
    visibility: hidden !important;
  }

  #printable-a5-slip,
  #printable-a5-slip * {
    visibility: visible !important;
  }

  .no-print,
  .no-print * {
    display: none !important;
  }

  .slip-page {
    background: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
  }

  .slip-page__inner,
  .slip-stage {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  #printable-a5-slip.a5-doc {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    zoom: 1 !important;
    width: 148mm !important;
    height: 210mm !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    page-break-after: avoid !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }
}