/* =========================================================
   University of Kirkuk — Scientific Integrity Form
   Clean CSS — Final 4 + 4 + 4 Layout
   ========================================================= */

:root{
  --blue:#001a45;
  --blue2:#003b86;
  --gold:#d9a441;
  --pale:#f1f6fd;
  --line:#c7d7ea;
  --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,textarea{
  font:inherit;
}
.app-shell{
  max-width:1380px;
  margin:auto;
  padding:28px 22px 56px;
}
.screen-hero{
  padding:32px 28px;
  border-radius:28px;
  color:#fff;
  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,.88);
  font-weight:700;
}
.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;
}
.section-form-title{
  margin:20px 0 12px;
  color:var(--blue);
  font-size:17px;
  font-weight:800;
}
.section-form-title:first-child{
  margin-top:0;
}
.form-grid{
  display:grid;
  grid-template-columns:repeat(2,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,
.field textarea{
  width:100%;
  min-height:47px;
  padding:11px 13px;
  border:1px solid #d5dfeb;
  border-radius:14px;
  background:#fff;
  outline:none;
}
.field textarea{
  min-height:125px;
  resize:vertical;
  line-height:1.8;
}
.field input:focus,
.field select:focus,
.field textarea: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;
}
.research-title-field{
  padding:17px;
  border:1px solid #ead3a2;
  border-radius:18px;
  background:#fffaf0;
}
.form-options{
  margin-top:18px;
  padding:14px;
  border:1px dashed #d6e0ed;
  border-radius:16px;
  background:#f8fbff;
}
.form-options label{
  display:flex;
  align-items:center;
  gap:10px;
  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;
}
.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-page{
  width:210mm;
  height:297mm;
  margin:0 auto;
  overflow:hidden;
  border:1.2pt solid var(--blue);
  background:#fff;
  color:#000;
  padding:4mm;
}
.a4-inner{
  display:grid;
}
.document-header{
  display:grid;
  grid-template-columns:1fr 34mm 1fr;
  align-items:center;
  column-gap:8mm;
  min-height:0;
}
.ministry,.issuing-office{
  text-align:center;
  color:var(--blue);
  font-size:12pt;
  font-weight:800;
  line-height:1.5;
}
.issuing-office span{
  color:#b96f00;
  font-size:8.5pt;
}
.university-logo{
  text-align:center;
}
.university-logo img{
  display:block;
  width:30mm;
  margin:auto;
}
.header-divider{
  grid-column:1/4;
  position:relative;
  height:3mm;
  align-self:end;
}
.header-divider::before,
.header-divider::after{
  content:"";
  position:absolute;
  top:1.2mm;
  width:46%;
  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:.2mm;
  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;
}
.document-title h2{
  margin:0;
  color:var(--blue);
}
.serial-number{
  margin-top:1mm;
  font-size:8.5pt;
  font-weight:700;
}
.serial-number b{
  display:inline-block;
  direction:ltr;
  min-width:48mm;
  padding:.5mm 2mm;
  border:1pt solid #9fb5d6;
  border-radius:1.4mm;
  text-align:center;
}
.research-information,
.committee-area{
  min-height:0;
  border:1.2pt solid var(--blue2);
  border-radius:2mm;
  overflow:hidden;
}
.section-bar,
.committee-heading{
  padding:1.3mm 4mm;
  background:linear-gradient(180deg,#0a4b9e,#00377e);
  color:#fff;
  text-align:center;
  font-size:9.5pt;
  font-weight:800;
}
.researchers-card{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:1.5mm;
  padding:2mm;
}
.researcher-line{
  display:grid;
  grid-template-columns:7mm 23mm minmax(0,1fr);
  min-height:13mm;
  border:1pt solid #d5dfeb;
  border-radius:1.4mm;
  overflow:hidden;
}
.item-number{
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--blue2);
  color:#fff;
  font-size:8pt;
  font-weight:800;
}
.researcher-line strong{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:.6mm;
  background:#f1f6fd;
  color:var(--blue);
  font-size:7.2pt;
  text-align:center;
}
.researcher-line>span:last-child{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:.6mm 1mm;
  font-size:7.8pt;
  font-weight:700;
  text-align:center;
  overflow-wrap:anywhere;
}
.compact-grid{
  display:grid;
  grid-template-columns:1.5fr 1.1fr 1fr .8fr;
  gap:1.5mm;
  padding:0 2mm 2mm;
}
.info-card{
  display:grid;
  grid-template-columns:25mm minmax(0,1fr);
  min-height:12mm;
  border:1pt solid #d5dfeb;
  border-radius:1.4mm;
  overflow:hidden;
}
.info-card strong{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:.6mm;
  background:#f1f6fd;
  color:var(--blue);
  font-size:9pt;
  text-align:center;
}
.info-card span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:.6mm 1mm;
  font-size:9pt;
  font-weight:700;
  text-align:center;
  overflow-wrap:anywhere;
}
.email-info{
  grid-template-columns:25mm minmax(0,1fr);
}
.latin{
  direction:ltr;
  font-family:Arial,sans-serif;
}
.research-title-card{
  border:1.2pt solid #d6a84d;
  border-radius:1.8mm;
  overflow:hidden;
  background:#fffdf7;
}
.research-title-label{
  background:#fff3d8;
  color:var(--blue);
  text-align:center;
  font-size:8.2pt;
  font-weight:800;
}
.research-title-value{
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  text-align:center;
  overflow-wrap:anywhere;
}
.publication-grid{
  display:grid;
}
.issn-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.5mm;
  padding:0 2mm 2mm;
}
.issn-card{
  display:grid;
  grid-template-columns:30mm minmax(0,1fr);
  min-height:11mm;
  border:1pt solid #d5dfeb;
  border-radius:1.4mm;
  overflow:hidden;
}
.issn-card strong{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f1f6fd;
  color:var(--blue);
  font-family:Arial,sans-serif;
  font-size:7.4pt;
}
.issn-card span{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:.7mm 1mm;
  font-family:Consolas,monospace;
  font-size:8.2pt;
  font-weight:800;
  letter-spacing:.2px;
}
.registration-card{
  display:grid;
  grid-template-columns:68mm minmax(0,1fr);
  min-height:11mm;
  margin:0 2mm 2mm;
  border:1pt solid #d5dfeb;
  border-radius:1.4mm;
  overflow:hidden;
}
.registration-card strong{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:.6mm 1mm;
  background:#f1f6fd;
  color:var(--blue);
  font-size:7.3pt;
  text-align:center;
}
.registration-card span{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:.6mm 1mm;
  font-size:8pt;
  font-weight:800;
}
.undertaking-area{
  display:grid;
  min-height:0;
}
.seal-box,
.student-signature,
.postgraduate-officer{
  border:1pt solid #c4d5e8;
  border-radius:1.8mm;
  overflow:hidden;
}
.seal-box{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2mm;
  color:var(--blue);
  font-size:8.5pt;
  font-weight:800;
  text-align:center;
}
.student-signature{
  display:flex;
  flex-direction:column;
  padding:2mm 3mm;
}
.signature-title{
  color:var(--blue);
  text-align:center;
  font-size:8.5pt;
  font-weight:800;
}
.student-signature p{
  font-weight:700;
  text-align:center;
}
.student-signature-grid{
  display:grid;
 
  gap:2mm;
  margin-top:auto;
  font-weight:700;
}
.student-signature-grid span{
  display:flex;
  align-items:center;
  gap:1mm;
  min-width:0;
}
.student-signature-grid b{
  overflow-wrap:anywhere;
}
.signature-line i{
  flex:1.5;
  height:0;
  border-bottom:1px dotted #1d4f91;
}
.postgraduate-officer{
  display:flex;
  flex-direction:column;
  font-size:7.3pt;
  font-weight:700;
}
.postgraduate-officer strong{
  color:var(--blue);
  text-align:center;
  font-size:8.5pt;
}
.committee-area{
  display:flex;
  flex-direction:column;
}
.classification-row{
  display:grid;
  grid-template-columns:35mm minmax(0,1fr);
  border-bottom:1pt solid #d5dfeb;
}
.classification-row strong{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f1f6fd;
  color:var(--blue);
  font-size:9pt;
}
.classification-row span{
  border-right:1pt solid #d5dfeb;
}
.committee-title{
  border-bottom:1pt solid #d5dfeb;
  color:var(--blue);
  text-align:center;
  font-weight:800;
}
.committee-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.committee-member{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:1mm;
  padding:1.5mm;
  text-align:center;
}
.committee-member:first-child{
  border-left:0;
}
.member-signature{
  flex:1;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  color:#667085;
  font-size:6.5pt;
}
.committee-member strong{
  font-size:9pt;
  line-height:1.3;
}
.committee-member span{
  color:var(--blue);
  font-size:9pt;
  font-weight:800;
}
.notes-row strong{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f1f6fd;
  color:var(--blue);
  font-size:7.5pt;
}
.notes-row ol{
  margin:0;
  padding:1.2mm 7mm .8mm 2mm;
  border-right:1pt solid #d5dfeb;
  font-size:6.9pt;
  font-weight:700;
  line-height:1.45;
}
@media (max-width:900px){
  .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{
  }
  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:4mm !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }
}
.document-title{
  justify-content:center !important;
}
.document-title h2{
  font-size:14.4pt !important;
}
.a4-inner{
  height:289mm !important;
  gap:1mm !important;
}
.researchers-card.researchers-stacked{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:1.2mm !important;
  padding:1.8mm 2mm 1.4mm !important;
}
.researchers-stacked .researcher-line{
  grid-template-columns:7mm 27mm minmax(0,1fr) !important;
  min-height:9.5mm !important;
}
.researchers-stacked .researcher-line strong{
  font-size:9pt !important;
}
.researchers-stacked .researcher-line > span:last-child{
  justify-content:flex-start !important;
  padding-right:2mm !important;
  font-size:10pt !important;
}
.email-row{
  padding:0 2mm 1.4mm !important;
}
.email-row .email-info{
  width:100% !important;
  grid-template-columns:30mm minmax(0,1fr) !important;
  min-height:10mm !important;
}
.study-grid{
  display:grid !important;
  grid-template-columns:.8fr 1.15fr 1.75fr !important;
  gap:1.5mm !important;
  padding:0 2mm 1.5mm !important;
}
.study-grid .info-card{
  min-height:11mm !important;
  grid-template-columns:24mm minmax(0,1fr) !important;
}
.study-grid .department-card{
  grid-template-columns:24mm minmax(0,1fr) !important;
}
.research-title-label{
  padding:.9mm 3mm !important;
}
.publication-grid{
  grid-template-columns:.72fr 1.55fr 1.55fr !important;
  gap:1.5mm !important;
  padding:0 2mm 1.5mm !important;
}
.publication-grid .info-card{
  min-height:11mm !important;
  grid-template-columns:24mm minmax(0,1fr) !important;
}
.publication-grid .journal-wide,
.publication-grid .publisher-wide{
  grid-template-columns:24mm minmax(0,1fr) !important;
}
.identifiers-grid{
  display:grid !important;
  grid-template-columns:.85fr .85fr 1.5fr !important;
  gap:1.5mm !important;
  padding:0 2mm 2mm !important;
}
.identifiers-grid .issn-card,
.identifiers-grid .registration-card{
  margin:0 !important;
}
.identifiers-grid .issn-card{
  grid-template-columns:27mm minmax(0,1fr) !important;
}
.identifiers-grid .registration-card{
  grid-template-columns:46mm minmax(0,1fr) !important;
}
.identifiers-grid .registration-card strong{
  font-size:9pt !important;
}
.publication-grid .info-card span{
  justify-content:flex-start !important;
  text-align:right !important;
  padding-right:1.8mm !important;
  font-size:7.7pt !important;
}
.committee-area{
  overflow:hidden !important;
}
.notes-row{
  display:grid !important;
  grid-template-columns:26mm minmax(0,1fr) !important;
}
.notes-content{
  border-right:1pt solid #d5dfeb !important;
  font-weight:700 !important;
}
.notes-content p:last-child{
  margin-bottom:0 !important;
}
.document-header,
.document-title,
.research-information,
.undertaking-area,
.committee-area{
  min-height:0 !important;
}
.a4-inner{
  grid-template-rows:34mm
    13mm
    136mm
    34mm
    68mm !important;
}
.researcher-line strong,
.info-card strong,
.issn-card strong,
.registration-card strong{
  font-size:8.1pt !important;
}
.researcher-line > span:last-child,
.info-card span,
.issn-card span,
.registration-card span{
  font-size:8.7pt !important;
}
.email-study-grid{
  display:grid !important;
  grid-template-columns:1.75fr .65fr !important;
  gap:1.5mm !important;
  padding:0 2mm 1.4mm !important;
}
.email-study-grid .info-card{
  min-height:10.5mm !important;
}
.email-study-grid .email-info{
  grid-template-columns:29mm minmax(0,1fr) !important;
}
.email-study-grid .study-type-card{
  grid-template-columns:27mm minmax(0,1fr) !important;
}
.college-department-grid{
  display:grid !important;
  gap:1.5mm !important;
  padding:0 2mm 1.4mm !important;
}
.college-department-grid .info-card{
  min-height:11mm !important;
  grid-template-columns:25mm minmax(0,1fr) !important;
}
.college-department-grid .info-card span{
  padding-right:1.6mm !important;
  padding-left:1.6mm !important;
  line-height:1.35 !important;
}
.research-title-card{
  min-height:22mm !important;
  margin:0 2mm 1.3mm !important;
}
.research-title-value{
  min-height:17mm !important;
  padding:1.2mm 4mm !important;
  font-size:9.4pt !important;
  line-height:1.45 !important;
}
.publication-stack{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:1.2mm !important;
  padding:0 2mm 1.3mm !important;
}
.publication-stack .info-card{
  min-height:9.5mm !important;
  grid-template-columns:28mm minmax(0,1fr) !important;
}
.publication-stack .status-row{
  grid-template-columns:28mm minmax(0,1fr) !important;
}
.publication-stack .journal-row,
.publication-stack .publisher-row{
  grid-template-columns:28mm minmax(0,1fr) !important;
}
.publication-stack .info-card span{
  justify-content:flex-start !important;
  text-align:right !important;
  padding-right:2mm !important;
  font-size:8.8pt !important;
  line-height:1.35 !important;
}
.identifiers-grid{
  padding-bottom:1.5mm !important;
}
.identifiers-grid .issn-card,
.identifiers-grid .registration-card{
  min-height:10mm !important;
}
.undertaking-area{
  grid-template-columns:repeat(3,1fr) !important;
  gap:1.3mm !important;
}
.seal-box,
.student-signature,
.postgraduate-officer{
  padding-top:1.4mm !important;
  padding-bottom:1.4mm !important;
}
.student-signature p{
  margin:.8mm 0 !important;
  font-size:8pt !important;
  line-height:1.35 !important;
}
.student-signature-grid{
  font-size:7.2pt !important;
}
.notes-row > strong{
  font-size:10pt !important;
}
.college-department-grid{
  grid-template-columns:1fr 1fr !important;
}
.official-meta-box{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:3mm !important;
  padding:3mm 4mm !important;
  border:1.2pt solid var(--blue2) !important;
  border-radius:2mm !important;
  background:#f8fbff !important;
  color:var(--blue) !important;
  line-height:1.2 !important;
}
.official-meta-box > div{
  display:grid !important;
  grid-template-columns:18mm minmax(0,1fr) !important;
  align-items:center !important;
  min-height:7mm !important;
  font-size:9pt !important;
  font-weight:800 !important;
}
.official-meta-box > div span{
  height:5mm !important;
  border-bottom:1pt dotted #315f9c !important;
}
.postgraduate-officer{
  gap:2.6mm !important;
  padding:2.2mm 3mm !important;
  justify-content:flex-start !important;
}
.postgraduate-officer strong{
  margin-bottom:.8mm !important;
}
.postgraduate-officer span{
  display:block !important;
  line-height:1.35 !important;
}
.committee-member{
  border-left:1pt solid #d5dfeb !important;
}
.committee-member:last-child{
  border-left:0 !important;
}
.notes-row{
  background:#fffaf0 !important;
  border-top:1pt solid #e3c273 !important;
}
.notes-row > strong{
  background:#fff3d8 !important;
  color:var(--blue) !important;
}
.notes-content{
  background:#fffdf7 !important;
}
.committee-heading{
  padding:.9mm 4mm !important;
  font-size:8.8pt !important;
  line-height:1.2 !important;
}
.classification-row{
  min-height:10mm !important;
  flex:0 0 10mm !important;
}
.committee-title{
  padding:.7mm !important;
  font-size:7.8pt !important;
  line-height:1.2 !important;
}
.committee-grid{
  min-height:26mm !important;
  height:26mm !important;
  flex:0 0 26mm !important;
}
.notes-row{
  min-height:18mm !important;
  height:18mm !important;
  flex:0 0 18mm !important;
  margin-top:auto !important;
  overflow:hidden !important;
}
.notes-content{
  min-height:0 !important;
  height:100% !important;
  padding:.8mm 2.5mm !important;
  font-size:9pt !important;
  line-height:1.3 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}
.notes-content p{
  width:100% !important;
  margin:.2mm 0 !important;
  line-height:1.3 !important;
  text-align:center !important;
}
.notes-row > strong{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:100% !important;
}