:root{
  --blue:#001a45;
  --blue2:#003b86;
  --gold:#d9a441;
  --pale:#eef5ff;
  --line:#c8d8ee;
  --ink:#172033;
  --danger:#b42318;
  --shadow:0 18px 45px rgba(0,26,69,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  direction:rtl;
  font-family:'Almarai',Arial,sans-serif;
  color:var(--ink);
  background:linear-gradient(180deg,#eef4fb,#fff);
}
button,input,select{font:inherit}
.app-shell{max-width:1380px;margin:auto;padding:28px 22px 56px}
.screen-hero{
  padding:32px 28px;
  color:#fff;
  border-radius:28px;
  background:linear-gradient(135deg,var(--blue),var(--blue2));
  box-shadow:var(--shadow);
}
.screen-badge{
  display:inline-block;
  padding:7px 13px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.1);
  font-size:13px;
  font-weight:800;
}
.screen-hero h1{margin:14px 0 8px;font-size:clamp(27px,4vw,44px)}
.screen-hero p{margin:0;color:rgba(255,255,255,.87);line-height:1.9}
.screen-layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);
  gap:20px;
  margin-top:22px;
  align-items:start;
}
.screen-card{
  overflow:hidden;
  border:1px solid #d6e0ed;
  border-radius:22px;
  background:#fff;
  box-shadow:var(--shadow);
}
.screen-card-header{padding:20px 22px;border-bottom:1px solid #d6e0ed;background:#f9fbfe}
.screen-card-header h2,.help-card h2{margin:0 0 7px;color:var(--blue)}
.screen-card-header p{margin:0;color:#667085}
.screen-form{padding:22px}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.field.full{grid-column:1/-1}
.field label{display:block;margin-bottom:8px;font-size:14px;font-weight:800}
.field label.required::after{content:" *";color:var(--danger)}
.field input,.field select{
  width:100%;
  min-height:47px;
  padding:11px 13px;
  border:1px solid #d5dfeb;
  border-radius:14px;
  outline:none;
  background:#fff;
}
.field input:focus,.field select:focus{
  border-color:var(--blue2);
  box-shadow:0 0 0 4px rgba(0,59,134,.08);
}
.field small{display:block;margin-top:7px;color:#667085}
.photo-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.photo-actions input{flex:1 1 360px}
.form-options{
  display:grid;
  gap:10px;
  margin-top:18px;
  padding:14px;
  border:1px dashed #d6e0ed;
  border-radius:16px;
  background:#f8fbff;
}
.form-options label{display:flex;gap:10px;align-items:center;font-weight:700}
.form-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.button{border:0;border-radius:14px;padding:13px 18px;font-weight:800;cursor:pointer}
.button.primary{background:var(--gold);color:#121826}
.button.secondary{background:#eef4fb;color:var(--blue);border:1px solid #d6e0ed}
.button.danger{background:#fff1f0;color:var(--danger);border:1px solid #ffd4cf}
.button:disabled{opacity:.45;cursor:not-allowed}
.help-card{padding:22px}
.help-card ol{margin:14px 0 0;padding-right:22px;line-height:2}
.privacy-note{margin-top:18px;padding:15px;border:1px solid rgba(15,138,75,.2);border-radius:16px;background:#f1fbf5;color:#14532d;font-weight:700;line-height:1.8}
.preview-section{display:none;margin-top:22px}
.preview-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:14px;
  padding:15px 16px;
  border:1px solid #d6e0ed;
  border-radius:18px;
  background:#fff;
  box-shadow:var(--shadow);
}
.preview-toolbar strong{color:var(--blue)}
.preview-toolbar div{display:flex;gap:10px;flex-wrap:wrap}

/* A4 */
.a4-page{
  width:210mm;
  height:297mm;
  margin:0 auto;
  overflow:hidden;
  border:1.2pt solid var(--blue);
  border-radius:2.2mm;
  background:#fff;
  color:#000;
  padding:4.2mm;
}
.a4-inner{
  height:288.6mm;
  display:grid;
  grid-template-rows:41mm 15mm 92mm 72mm 58mm 5mm;
  gap:1.1mm;
}
.document-header{
  display:grid;
  grid-template-columns:1fr 36mm 1fr 27mm;
  align-items:center;
  column-gap:5mm;
  direction:rtl;
}
.ministry{
  grid-column:1;
  text-align:center;
  color:var(--blue);
  font-size:11.2pt;
  font-weight:800;
  line-height:1.55;
  white-space:nowrap;
}
.university-logo{grid-column:2;text-align:center}
.university-logo img{display:block;width:32mm;height:auto;margin:auto}
.issuing-office{
  grid-column:3;
  text-align:center;
  color:var(--blue);
  font-size:11.2pt;
  font-weight:800;
  line-height:1.55;
}
.issuing-office span{color:#b96f00;font-size:9.6pt}
.photo-box{
  grid-column:4;
  width:27mm;
  height:36mm;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:1pt solid var(--blue);
  border-radius:1.6mm;
  font-size:8pt;
  font-weight:700;
  line-height:1.45;
}
.photo-box>span{display:flex;flex-direction:column;align-items:center;gap:.7mm}
.photo-box span img{width:17mm;height:21mm}
#photoPreview{display:none;width:100%;height:100%;object-fit:cover}
.header-divider{grid-column:1/5;position:relative;height:3mm;align-self:end}
.header-divider::before,.header-divider::after{
  content:"";
  position:absolute;
  top:1.2mm;
  width:47%;
  border-top:1.4pt solid var(--blue);
}
.header-divider::before{right:0}
.header-divider::after{left:0}
.header-divider i{
  position:absolute;
  left:50%;
  top:.25mm;
  transform:translateX(-50%);
  width:2.4mm;
  height:2.4mm;
  border-radius:50%;
  background:var(--blue);
  box-shadow:-4mm 0 0 var(--gold),4mm 0 0 var(--gold);
}
.document-title{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.document-title h2{margin:0 0 2mm;color:var(--blue);font-size:14.6pt;line-height:1.2}
.serial-number{font-size:9.2pt;font-weight:700;line-height:1.2}
.serial-number b{
  display:inline-block;
  direction:ltr;
  padding:.7mm 2.2mm;
  border:1pt solid #9fb5d6;
  border-radius:1.5mm;
  background:#fff;
}

/* Information */
.info-panel,.rules-panel,.signatures-panel{
  position:relative;
  border:1pt solid #bdd0e8;
  border-radius:2.4mm;
  background:#fff;
}
.section-label{
  position:absolute;
  top:-3.2mm;
  right:50%;
  transform:translateX(50%);
  margin:0;
  min-width:48mm;
  padding:1.2mm 4mm;
  border-radius:6mm;
  background:var(--blue2);
  color:#fff;
  text-align:center;
  font-size:10.8pt;
  box-shadow:-2.5mm 0 0 -1.7mm var(--gold),2.5mm 0 0 -1.7mm var(--gold);
}
.info-panel{padding:7.5mm 3mm 3mm}
.wide-row{
  display:grid;
  grid-template-columns:27mm 1fr;
  min-height:11mm;
  margin-bottom:2.2mm;
  border:1pt solid #cfdbeb;
  border-radius:1.8mm;
  overflow:hidden;
}
.triple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.2mm}
.data-item{
  display:grid;
  grid-template-columns:25mm 1fr;
  min-height:12.2mm;
  border:1pt solid #cfdbeb;
  border-radius:1.8mm;
  overflow:hidden;
}
.data-item.long-value{min-height:13.2mm}
.cell-label{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1mm;
  background:#f1f6fd;
  color:var(--blue);
  font-size:7.5pt;
  font-weight:800;
  text-align:center;
  line-height:1.35;
}
.cell-value{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:1.2mm 2mm;
  text-align:center;
  font-size:8.8pt;
  font-weight:700;
  line-height:1.35;
  overflow-wrap:anywhere;word-break:normal;
}
.wide-row .cell-value{font-size:9.4pt}
.latin{direction:ltr;font-family:Arial,sans-serif}

/* Rules */
.rules-panel{padding:7mm 5mm 2.5mm}
.rules-columns{display:grid;grid-template-columns:1fr 1fr;gap:7mm;height:auto;min-height:52mm}
.rules-columns ol{margin:0;padding-right:6mm;font-size:8.3pt;font-weight:700;line-height:1.55}
.rules-columns ol+ol{border-right:1pt solid #8ca8cc;padding-right:9mm}
.rules-columns li{margin-bottom:1.3mm}
.rules-warning{
  margin:1mm auto 0;
  width:62%;
  padding:1mm 2mm;
  border:1pt solid #efb33c;
  border-radius:1.5mm;
  background:#fff9eb;
  text-align:center;
  font-size:8.3pt;
  font-weight:800;
}

/* Signatures */
.signatures-panel{padding:6.5mm 3mm 2.5mm}
.signatures{display:grid;gap:2.2mm}
.signatures.first-row{grid-template-columns:repeat(3,1fr);margin-bottom:2.2mm}
.signatures.second-row{grid-template-columns:repeat(4,1fr)}
.signature-card{
  min-height:21mm;
  padding:2mm 2.2mm;
  border:1pt solid #c7d7ea;
  border-radius:1.8mm;
  text-align:center;
}
.signature-card h4{
  margin:0;
  min-height:8mm;
  color:var(--blue);
  font-size:8.3pt;
  line-height:1.4;
}
.signature-line{display:block;height:6mm;border-bottom:1pt dotted #335d97}
.signature-card p{margin:1.1mm 0 0;color:var(--blue);font-size:6.6pt;font-weight:700}

/* Footer */
.document-footer{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3mm;
  color:var(--blue);
  font-size:7.2pt;
  font-weight:800;
}
.document-footer span{width:40%;border-top:1pt solid var(--blue)}
.document-footer::before,.document-footer::after{
  content:"";
  width:2.2mm;height:2.2mm;border-radius:50%;background:var(--gold);
}

@media(max-width:950px){
  .app-shell{padding:18px 10px 40px}
  .screen-layout{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .field.full{grid-column:auto}
  .a4-page{width:100%;height:auto;min-height:297mm}
}

@media print{
  @page{size:A4 portrait;margin:0}
  html,body{width:210mm;height:297mm;margin:0!important;padding:0!important;background:#fff!important}
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  body *{visibility:hidden!important}
  .preview-section,.preview-section *{visibility:visible!important}
  .screen-hero,.screen-layout,.preview-toolbar{display:none!important}
  .preview-section{display:block!important;margin:0!important}
  .app-shell{margin:0!important;padding:0!important;max-width:none!important}
  .a4-page{
    position:absolute;
    inset:0;
    width:210mm!important;
    height:297mm!important;
    margin:0!important;
    padding:4.2mm!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}

/* Final print refinements */
.document-footer{
  border-top:1pt solid var(--blue);
  padding-top:.9mm;
}
.info-panel,
.rules-panel,
.signatures-panel{
  overflow:visible;
}
.data-item .cell-value,
.wide-row .cell-value{
  max-height:100%;
}


/* =========================================================
   FINAL V3 — A4 balance and print polish
   ========================================================= */

.a4-inner{
  grid-template-rows:40mm 15mm 91mm 70mm 61mm 6mm;
  gap:1.1mm;
}

/* Keep the form number clearly separated from the next section */
.document-title{
  padding-bottom:1mm;
}
.document-title h2{
  margin-bottom:2.2mm;
}
.serial-number{
  white-space:nowrap;
}
.serial-number b{
  unicode-bidi:isolate;
}

/* Section labels stay inside their own visual zone */
.section-label{
  top:-3mm;
  z-index:2;
  padding:1mm 4mm;
}

/* Applicant data */
.info-panel{
  padding:7mm 2.7mm 2.7mm;
  overflow:hidden;
}
.wide-row{
  grid-template-columns:25mm minmax(0,1fr);
  min-height:10.3mm;
  margin-bottom:1.8mm;
}
.triple-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.8mm;
}
.data-item{
  grid-template-columns:22mm minmax(0,1fr);
  min-height:11.7mm;
}
.data-item.long-value{
  min-height:13mm;
}
.cell-label{
  padding:.7mm;
  font-size:7.1pt;
  line-height:1.25;
}
.cell-value{
  padding:1mm 1.4mm;
  font-size:8.35pt;
  line-height:1.28;
  overflow-wrap:break-word;
  word-break:normal;
}
.wide-row .cell-label{
  font-size:7.7pt;
}
.wide-row .cell-value{
  font-size:9.25pt;
  white-space:normal;
}

/* Permit long administrative values to use two clean lines */
.data-item.long-value .cell-value{
  font-size:7.9pt;
  line-height:1.25;
  max-height:none;
}

/* Rules: readable without wasting vertical space */
.rules-panel{
  padding:6.7mm 4.5mm 2.2mm;
  overflow:hidden;
}
.rules-columns{
  min-height:50mm;
  gap:6mm;
  align-items:start;
}
.rules-columns ol{
  font-size:8.45pt;
  line-height:1.5;
  padding-right:5.5mm;
}
.rules-columns ol+ol{
  padding-right:8mm;
}
.rules-columns li{
  margin-bottom:1.1mm;
}
.rules-warning{
  width:58%;
  margin:.8mm auto 0;
  padding:.8mm 1.8mm;
  font-size:8pt;
  line-height:1.25;
}

/* Signatures: larger titles, cleaner writing area */
.signatures-panel{
  padding:6.2mm 2.7mm 2.2mm;
  overflow:hidden;
}
.signatures{
  gap:1.8mm;
}
.signatures.first-row{
  margin-bottom:1.8mm;
}
.signature-card{
  min-height:21.5mm;
  padding:1.7mm 2mm;
}
.signature-card h4{
  min-height:8.5mm;
  font-size:8.85pt;
  line-height:1.32;
}
.signature-line{
  height:6.3mm;
}
.signature-card p{
  margin:.9mm 0 0;
  font-size:6.55pt;
  line-height:1.1;
}

/* Footer is always one clean independent line */
.document-footer{
  min-height:6mm;
  padding-top:1mm;
  border-top:1pt solid var(--blue);
  white-space:nowrap;
  font-size:7pt;
  line-height:1;
}
.document-footer span{
  width:34%;
}

/* Print-specific stability */
@media print{
  .section-label{
    top:-3mm!important;
  }
  .info-panel,
  .rules-panel,
  .signatures-panel{
    overflow:hidden!important;
  }
  .document-footer{
    white-space:nowrap!important;
  }
}


/* ===== V4 FINAL ===== */
.signatures-panel{
  padding-top:3mm !important;
  border-top:1.5pt solid var(--blue2);
}
.signatures-panel .section-label{
  display:none !important;
}
.signatures.first-row{
  margin-top:1mm;
}


/* =========================================================
   GOLDEN VERSION — FINAL OFFICIAL LAYOUT
   ========================================================= */

:root{
  --golden-blue:#002f70;
  --golden-blue-dark:#001a45;
  --golden-gold:#d6a33b;
  --golden-line:#bfd0e7;
  --golden-fill:#f4f8fd;
}

/* Page balance */
.a4-inner{
  grid-template-rows:40mm 15mm 92mm 76mm 59mm 5mm !important;
  gap:1mm !important;
}

/* Header */
.document-header{
  grid-template-columns:1fr 36mm 1fr 27mm !important;
  column-gap:5mm !important;
}
.university-logo img{
  width:32mm !important;
}
.ministry,
.issuing-office{
  font-size:11pt !important;
  line-height:1.52 !important;
}
.photo-box{
  height:35mm !important;
  border-radius:2mm !important;
}

/* Title and number */
.document-title{
  padding-bottom:1mm;
}
.document-title h2{
  margin-bottom:2mm !important;
  font-size:14.8pt !important;
}
.serial-number{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1.5mm;
  white-space:nowrap;
  font-size:9.2pt !important;
}
.serial-number b{
  min-width:48mm;
  padding:.8mm 2mm !important;
  text-align:center;
}

/* Section labels */
.section-label{
  top:-3.2mm !important;
  min-width:48mm !important;
  padding:1mm 4mm !important;
  border-radius:5mm !important;
  background:linear-gradient(180deg,#0a4b9e,#00377e) !important;
  box-shadow:-2.4mm 0 0 -1.6mm var(--golden-gold),
              2.4mm 0 0 -1.6mm var(--golden-gold) !important;
  font-size:10.5pt !important;
}

/* Applicant information — official, not dashboard-like */
.info-panel{
  padding:7.5mm 3mm 3mm !important;
  border:1.1pt solid var(--golden-line) !important;
  border-radius:2.2mm !important;
  background:#fff !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.wide-row{
  min-height:11mm !important;
  margin-bottom:1.9mm !important;
  border:1pt solid #c9d7e8 !important;
  border-radius:1.5mm !important;
  background:#fff !important;
}
.triple-grid{
  gap:1.8mm !important;
}
.data-item{
  min-height:12.5mm !important;
  border:1pt solid #c9d7e8 !important;
  border-radius:1.5mm !important;
  background:#fff !important;
}
.data-item.long-value{
  min-height:13mm !important;
}
.wide-row,
.data-item{
  grid-template-columns:24mm minmax(0,1fr) !important;
}
.cell-label{
  padding:.8mm !important;
  border-left:1pt solid #d3dfed;
  background:var(--golden-fill) !important;
  color:var(--golden-blue-dark) !important;
  font-size:7.35pt !important;
  font-weight:800 !important;
  line-height:1.25 !important;
}
.cell-value{
  padding:1mm 1.4mm !important;
  font-size:8.35pt !important;
  font-weight:700 !important;
  line-height:1.28 !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
}
.wide-row .cell-label{
  font-size:7.7pt !important;
}
.wide-row .cell-value{
  font-size:9.4pt !important;
}
.data-item.long-value .cell-value{
  font-size:7.95pt !important;
  line-height:1.25 !important;
}

/* Rules — calm official layout */
.rules-panel{
  padding:7mm 5mm 2.6mm !important;
  border:1.2pt solid var(--golden-blue) !important;
  border-radius:2.2mm !important;
  background:#fff !important;
  overflow:hidden !important;
}
.official-rules-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7mm;
  min-height:58mm;
}
.official-rules-list{
  margin:0;
  padding-right:8mm;
  font-size:8.55pt;
  font-weight:700;
  line-height:1.58;
  counter-reset:item;
}
.official-rules-list + .official-rules-list{
  border-right:1pt dashed #7f9fc7;
  padding-right:10mm;
}
.official-rules-list li{
  position:relative;
  margin-bottom:2mm;
  padding-right:1mm;
}
.official-rules-list li::marker{
  color:#fff;
  font-weight:800;
}
.official-rules-list li::before{
  content:counter(list-item);
  position:absolute;
  right:-7.3mm;
  top:.3mm;
  width:5.7mm;
  height:5.7mm;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:1.2mm;
  background:var(--golden-blue);
  color:#fff;
  font-size:7.3pt;
  font-weight:800;
  line-height:1;
}
.rules-warning{
  width:62% !important;
  margin:1mm auto 0 !important;
  padding:1mm 2mm !important;
  border:1pt solid #e3b453 !important;
  border-radius:1.7mm !important;
  background:#fff8e8 !important;
  color:var(--golden-blue-dark) !important;
  font-size:8.15pt !important;
  font-weight:800 !important;
  line-height:1.25 !important;
}

/* Signatures — approved structure, better use of space */
.signatures-panel{
  padding:3.2mm 2.8mm 2.4mm !important;
  border-top:1.4pt solid var(--golden-blue) !important;
  border-radius:2mm !important;
  background:#fff !important;
  overflow:hidden !important;
}
.signatures{
  gap:1.8mm !important;
}
.signatures.first-row{
  margin-bottom:1.8mm !important;
}
.signature-card{
  min-height:22.5mm !important;
  padding:2mm 2.2mm !important;
  border:1pt solid #c5d5e8 !important;
  border-radius:1.7mm !important;
  background:#fff !important;
}
.signature-card h4{
  min-height:8.7mm !important;
  color:var(--golden-blue-dark) !important;
  font-size:8.8pt !important;
  line-height:1.35 !important;
}
.signature-line{
  height:6.5mm !important;
  border-bottom:1pt dotted #335d97 !important;
}
.signature-card p{
  margin:1mm 0 0 !important;
  color:var(--golden-blue-dark) !important;
  font-size:6.6pt !important;
  line-height:1.1 !important;
}

/* Footer */
.document-footer{
  min-height:5mm !important;
  padding-top:.8mm !important;
  border-top:1pt solid var(--golden-blue) !important;
  white-space:nowrap !important;
  color:var(--golden-blue-dark) !important;
  font-size:7pt !important;
  line-height:1 !important;
}
.document-footer span{
  width:35% !important;
}

/* Print stability */
@media print{
  .info-panel,
  .rules-panel,
  .signatures-panel{
    overflow:hidden !important;
  }
  .section-label{
    top:-3.2mm !important;
  }
  .document-footer{
    white-space:nowrap !important;
  }
}


/* =========================================================
   DIAMOND VERSION — FINAL OFFICIAL EDITION
   ========================================================= */

/* Applicant section without title */
.info-panel{
  padding-top:3.2mm !important;
  border:1.05pt solid #b9cce4 !important;
  border-radius:2.1mm !important;
  background:#fff !important;
  box-shadow:none !important;
}

.info-panel .section-label{
  display:none !important;
}

.wide-row{
  margin-bottom:1.8mm !important;
}

.wide-row,
.data-item{
  border-color:#c6d6e9 !important;
  background:#fff !important;
}

.cell-label{
  background:#f2f6fc !important;
  color:var(--golden-blue-dark, #001a45) !important;
  border-left:1pt solid #d3dfed !important;
}

/* Rules title remains */
.rules-panel{
  padding:7mm 5mm 2.5mm !important;
  border:1.2pt solid #002f70 !important;
  border-radius:2.2mm !important;
  background:#fff !important;
  overflow:hidden !important;
}

/* Symmetrical two-column rules */
.diamond-rules-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7mm;
  min-height:58mm;
}

.diamond-rules-list{
  margin:0;
  padding:0 8mm 0 0;
  list-style:none;
  counter-reset:item;
  font-size:8.55pt;
  font-weight:700;
  line-height:1.55;
}

.diamond-rules-list + .diamond-rules-list{
  border-right:1pt dashed #7f9fc7;
  padding-right:10mm;
}

.diamond-rules-list li{
  position:relative;
  min-height:12.5mm;
  padding:0 0 2.2mm 1mm;
  margin:0 0 2mm;
  border-bottom:1pt dotted #6f8fb7;
}

.diamond-rules-list li:last-child{
  margin-bottom:0;
}

.diamond-rules-list li::before{
  content:counter(list-item);
  position:absolute;
  right:-7.2mm;
  top:.2mm;
  width:5.8mm;
  height:5.8mm;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:1.1mm;
  background:#003b86;
  color:#fff;
  font-size:7.4pt;
  font-weight:800;
  line-height:1;
}

.rules-warning{
  width:62% !important;
  margin:1.1mm auto 0 !important;
  padding:1mm 2mm !important;
  border:1pt solid #e4b34e !important;
  border-radius:1.8mm !important;
  background:#fff8e8 !important;
  color:#001a45 !important;
  font-size:8.2pt !important;
  font-weight:800 !important;
  line-height:1.25 !important;
}

/* Signature section remains in the approved layout */
.signatures-panel{
  padding-top:3mm !important;
  border-top:1.4pt solid #002f70 !important;
}

.signature-card{
  background:#fff !important;
  border-color:#c5d5e8 !important;
}

.signature-card h4{
  font-size:8.8pt !important;
}

/* Footer without version number */
.document-footer{
  justify-content:center !important;
  white-space:nowrap !important;
}

@media print{
  .diamond-rules-list li{
    border-bottom:1pt dotted #6f8fb7 !important;
  }
  .diamond-rules-list li::before{
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
}

/* =========================================================
   DIAMOND V2 FINAL — RULES TITLE POSITION FIX ONLY
   ========================================================= */
.rules-panel{
  position:relative !important;
  margin-top:4.5mm !important;
  padding-top:7mm !important;
  overflow:visible !important;
}
.rules-panel > .section-label{
  display:block !important;
  position:absolute !important;
  top:-4.8mm !important;
  right:50% !important;
  transform:translateX(50%) !important;
  z-index:20 !important;
  min-width:50mm !important;
  padding:1.1mm 4.5mm !important;
  margin:0 !important;
  border:1pt solid #002f70 !important;
  border-radius:5mm !important;
  background:linear-gradient(180deg,#0a4b9e,#00377e) !important;
  color:#fff !important;
  text-align:center !important;
  font-size:10.6pt !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  box-shadow:-2.5mm 0 0 -1.7mm #d6a33b,2.5mm 0 0 -1.7mm #d6a33b !important;
}
@media print{
  .rules-panel{
    margin-top:4.5mm !important;
    padding-top:7mm !important;
    overflow:visible !important;
  }
  .rules-panel > .section-label{
    top:-4.8mm !important;
    z-index:20 !important;
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
}


/* =========================================================
   UOK FORM FRAMEWORK v1.0 — FINAL RULES SECTION FIX
   ========================================================= */

.rules-panel-final{
  position:relative !important;
  margin-top:0 !important;
  padding:0 5mm 2.5mm !important;
  overflow:hidden !important;
  border:1.2pt solid #002f70 !important;
  border-radius:2.2mm !important;
  background:#fff !important;
}

.rules-panel-final .section-label{
  display:none !important;
}

.rules-integrated-title{
  width:calc(100% + 10mm);
  margin:0 -5mm 3mm;
  padding:1.35mm 4mm;
  border-bottom:1pt solid #002f70;
  background:linear-gradient(180deg,#0a4b9e,#00377e);
  color:#fff;
  text-align:center;
  font-size:10.6pt;
  font-weight:800;
  line-height:1.2;
  box-shadow:inset 0 -1pt 0 rgba(255,255,255,.15);
}

.diamond-rules-grid{
  min-height:53mm !important;
  gap:7mm !important;
  align-items:start !important;
}

.diamond-rules-list{
  font-size:8.45pt !important;
  line-height:1.5 !important;
}

.diamond-rules-list li{
  min-height:11.5mm !important;
  margin-bottom:1.4mm !important;
  padding-bottom:1.5mm !important;
}

.rules-warning{
  margin:1.2mm auto 0 !important;
  width:62% !important;
  padding:1mm 2mm !important;
}

/* Preserve enough room for signatures without adding empty space */
.signatures-panel{
  padding-top:3mm !important;
  margin-top:0 !important;
}

.document-footer{
  margin-top:0 !important;
}

/* Final A4 balance */
.a4-inner{
  grid-template-rows:40mm 15mm 92mm 74mm 61mm 5mm !important;
  gap:1mm !important;
}

@media print{
  .rules-panel-final{
    margin-top:0 !important;
    padding:0 5mm 2.5mm !important;
    overflow:hidden !important;
  }

  .rules-integrated-title{
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
}


/* =========================================================
   FINAL SIGNATURE HEIGHT POLISH
   ========================================================= */

/* Use the remaining lower-page space without changing any other section */
.signatures-panel{
  padding-top:3mm !important;
  padding-bottom:4.5mm !important;
}

.signatures{
  align-items:stretch !important;
}

.signatures.first-row{
  margin-bottom:2.2mm !important;
}

.signature-card{
  min-height:25mm !important;
  padding:2.4mm 2.6mm !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
}

.signature-card h4{
  margin:0 !important;
  min-height:9mm !important;
  font-size:8.9pt !important;
  line-height:1.35 !important;
}

.signature-line{
  display:block !important;
  height:8mm !important;
  margin-top:auto !important;
  margin-bottom:1.5mm !important;
  border-bottom:1pt dotted #335d97 !important;
}

.signature-card p{
  margin:0 !important;
  font-size:6.7pt !important;
  line-height:1.15 !important;
}

/* Preserve one-page A4 balance */
.a4-inner{
  grid-template-rows:40mm 15mm 92mm 74mm 64mm 2mm !important;
  gap:1mm !important;
}

.document-footer{
  min-height:2mm !important;
  padding-top:.5mm !important;
}

@media print{
  .signature-card{
    min-height:25mm !important;
  }

  .signature-line{
    height:8mm !important;
  }
}


/* =========================================================
   OFFICIAL RELEASE — FINAL FOOTER POLISH
   ========================================================= */

.document-footer{
  min-height:6mm !important;
  padding:1.3mm 0 0 !important;
  margin-top:1.2mm !important;
  border-top:1pt solid var(--blue) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3mm !important;
  white-space:nowrap !important;
  font-size:7pt !important;
  line-height:1.1 !important;
}

.document-footer span{
  width:31% !important;
  border-top:1pt solid var(--blue) !important;
}

.document-footer::before,
.document-footer::after{
  content:"" !important;
  width:2.2mm !important;
  height:2.2mm !important;
  border-radius:50% !important;
  background:var(--gold) !important;
  flex:0 0 auto !important;
}

/* Restore clean lower-page balance */
.a4-inner{
  grid-template-rows:40mm 15mm 92mm 74mm 62mm 5mm !important;
  gap:1mm !important;
}

@media print{
  .document-footer{
    min-height:6mm !important;
    padding-top:1.3mm !important;
    margin-top:1.2mm !important;
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
}


/* Celebration final footer spacing */
.signatures-panel{
  padding-bottom:6mm !important;
}
.document-footer{
  margin-top:3mm !important;
  padding-top:2mm !important;
  border-top:none !important;
}
.document-footer span{
  position:relative;
  border-top:none !important;
}
.document-footer span:before{
  content:"";
  position:absolute;
  top:-3mm;
  left:0;
  right:0;
  border-top:1pt solid var(--blue,#0b3b82);
}