/* ============================================================
   AERL RMA Form (Return Material Authorisation). Hand-built 2-page
   printable form; source: docs/external/Other/rma-form-template-final.md.
   AERL house layout from solinteg-docs.css (page card, header, footer,
   tables); the form parts below give real space to write by hand:
   ruled write-in cells and lines, and open checkboxes.
   ============================================================ */
@import url("../../solinteg/solinteg-docs.css");

/* Title block on page 1 */
.doc-title { position: relative; padding: 2px 0 12px; margin-bottom: 12px; border-bottom: 2px solid var(--gray-900); }
.doc-title .download-pdf { position: absolute; top: 0; right: 0; }
.doc-title__type {
  font-family: var(--font-mono); font-size: 11px; font-weight: 600;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--fg-accent); margin-bottom: 6px;
}
.doc-title__name { font-size: 26px; font-weight: 800; letter-spacing: -0.015em; line-height: 1.15; margin: 0 0 4px; color: var(--gray-900); }
.doc-title__sub { font-size: 13px; color: var(--fg-3); }

/* Instructions */
.form-intro {
  border-left: 4px solid var(--primary-500);
  background: var(--gray-50);
  padding: 8px 12px;
  margin: 0 0 10px;
}
.form-intro p { margin: 0; font-size: 13px; line-height: 1.45; }
.form-intro p + p { margin-top: 2px; }

/* Checkbox: an open square to tick by hand */
.cb {
  display: inline-block;
  width: 11px; height: 11px;
  border: 1.2px solid var(--gray-900);
  border-radius: 1px;
  vertical-align: -1px;
  margin-right: 5px;
  background: var(--white);
}
.opts { display: flex; flex-wrap: wrap; column-gap: 16px; row-gap: 4px; align-items: center; }
.opts > span { white-space: nowrap; font-size: 12.5px; }
.opts .sep { color: var(--fg-3); }

/* AERL use only strip */
.office {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  border: 1px dashed var(--gray-500);
  padding: 7px 10px;
  margin-bottom: 12px;
  font-size: 12px;
}
.office__label { font-family: var(--font-mono); font-size: 10px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--fg-3); }
.office__rma { display: flex; align-items: flex-end; gap: 6px; }
.office__rma .line { width: 120px; }

/* Section headings */
.fsec {
  display: flex; align-items: baseline; gap: 10px;
  margin: 12px 0 6px;
  padding-bottom: 4px;
  border-bottom: 2px solid var(--gray-900);
}
.fsec__num {
  font-family: var(--font-mono); font-size: 12px; font-weight: 700;
  color: var(--white); background: var(--gray-900);
  padding: 1px 6px; border-radius: 2px;
}
.fsec__title { font-size: 15px; font-weight: 700; color: var(--gray-900); }
.fsec__hint { font-size: 12px; color: var(--fg-3); }

/* Field tables: label | space to write */
table.ftable { width: 100%; border-collapse: collapse; margin: 0 0 6px; }
table.ftable th {
  text-align: left; font-family: var(--font-mono); font-size: 10px; font-weight: 600;
  letter-spacing: 0.08em; text-transform: uppercase;
  background: var(--gray-900); color: var(--white);
  padding: 4px 8px;
}
table.ftable td {
  border: 1px solid var(--gray-400);
  padding: 4px 8px;
  height: 34px;
  font-size: 12.5px;
  vertical-align: middle;
}
table.ftable td.k { width: 42%; background: var(--gray-50); color: var(--gray-900); }
table.ftable td.v { background: var(--white); }
table.ftable tr.tall td { height: 44px; }

/* Write-in lines and boxes */
.line { display: inline-block; border-bottom: 1px solid var(--gray-700); height: 18px; vertical-align: bottom; }
.writebox {
  border: 1px solid var(--gray-400);
  background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 25px, var(--gray-300) 25px, var(--gray-300) 26px);
  background-position: 0 4px;
  margin: 4px 0 8px;
}
.writebox--2 { height: 58px; }
.writebox--3 { height: 84px; }
.writebox--4 { height: 110px; }
.ask { font-size: 12.5px; margin: 0 0 2px; }
.ask b { color: var(--gray-900); }

/* Product-specific blocks */
.pblock { border: 1px solid var(--gray-400); padding: 7px 10px 8px; margin: 0 0 8px; }
.pblock__head { display: flex; align-items: baseline; gap: 8px; margin-bottom: 5px; }
.pblock__id { font-family: var(--font-mono); font-size: 12px; font-weight: 700; color: var(--fg-accent); }
.pblock__title { font-size: 13.5px; font-weight: 700; color: var(--gray-900); }
.pblock__models { font-size: 12px; color: var(--fg-3); }
.fgrid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 18px; row-gap: 7px; }
.fgrid .full { grid-column: 1 / -1; }
.ff { display: flex; align-items: flex-end; gap: 6px; font-size: 12.5px; min-height: 20px; }
.ff > .lbl { white-space: nowrap; }
.ff > .line { flex: 1; min-width: 40px; }
.ff > .line.short { flex: 0 0 60px; }
.ff .opts { column-gap: 12px; }
.pblock .writebox { margin: 6px 0 0; }
.pblock .notes-l { font-size: 12.5px; margin-top: 6px; }

.fill-note { font-size: 12.5px; color: var(--gray-900); margin: 0 0 6px; }

@media print {
  .no-print { display: none !important; }
}

/* ---- Fit: two A4 pages, still roomy enough to write in ---- */
.doc-title { padding-bottom: 8px; margin-bottom: 8px; }
.doc-title__name { font-size: 24px; margin: 0; }
.form-intro { padding: 6px 10px; margin-bottom: 8px; }
.office { padding: 5px 10px; margin-bottom: 6px; }
.fsec { margin: 8px 0 5px; padding-bottom: 3px; }
table.ftable { margin-bottom: 4px; }
table.ftable th { padding: 3px 8px; }
table.ftable td { height: 29px; padding: 2px 8px; }
table.ftable tr.tall td { height: 38px; }
.ask { font-size: 13px; }
.pblock { padding: 5px 10px 6px; margin-bottom: 6px; }
.pblock__head { margin-bottom: 2px; }
.fgrid { row-gap: 4px; }
.ff { min-height: 22px; }
table.ftable td { height: 28px; }
table.ftable tr:first-child td { border-top: 1.5px solid var(--gray-900); }
.ff { min-height: 20px; }
.opts { column-gap: 13px; }
.pblock { margin-bottom: 4px; padding-bottom: 5px; }
.fsec { margin-top: 7px; }
table.ftable td { height: 26px; }
.office { margin-bottom: 2px; }
.form-intro { margin-bottom: 6px; }
table.ftable td.k { width: 34%; }
.writebox { background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 25px, var(--gray-400) 25px, var(--gray-400) 26px); }
.opts.opts--tight { column-gap: 9px; }
table.ftable--p2 td.k { width: 30%; }
table.ftable--p2 .opts { column-gap: 9px; }
.fgrid--close { row-gap: 8px; margin-top: 4px; }
.fgrid--close { row-gap: 5px; }
.fill-note { margin-bottom: 2px; }
.writebox { background-image: linear-gradient(to bottom, transparent 25px, var(--gray-400) 25px, var(--gray-400) 26px, transparent 26px); background-size: 100% 26px; background-repeat: repeat-y; background-position: 0 2px; }
table.ftable td.k { width: 38%; }
.writebox { background-position: 0 0; }

/* ---- Rev 1.1.1: "Before you begin" and "Returning the product", the out-of-warranty charge ---- */
.form-intro__head { color: var(--gray-900); }
.ff > .sep { color: var(--fg-3); }
.fill-note.opts--tight { column-gap: 8px; }
.form-intro p + p { margin-top: 4px; }
.ff > .line.short { flex: 0 0 70px; }