*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%;height:auto;overflow-y:auto!important;overflow-x:hidden;background:#f4f7fb;color:#1f2937;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}
body{display:block!important}
a{color:#123b63}
.container,main.container,.document-header,.document-nav,.vdr-search{width:min(980px,calc(100% - 32px));margin-left:auto;margin-right:auto}
.document-nav{margin-top:18px;margin-bottom:18px;background:#fff;border:1px solid #d8dee9;border-radius:12px;padding:12px;display:flex;gap:10px;flex-wrap:wrap}
.btn,.document-nav a{background:#061a2f;color:#fff!important;text-decoration:none;font-weight:700;font-size:12px;padding:9px 14px;border-radius:7px;display:inline-block}
.document-header{background:#fff;border:1px solid #d8dee9;border-top:5px solid #d6a84f;border-radius:18px;padding:28px;margin-top:20px;margin-bottom:24px}
.document-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.document-company{font-size:22px;font-weight:800;color:#061a2f}
.document-subtitle{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.09em}
.document-badges{display:flex;gap:8px;flex-wrap:wrap}
.document-classification,.document-version,.document-number{font-size:10px;font-weight:800;border-radius:999px;padding:6px 10px;display:inline-block}
.document-classification{background:#fff8e6;color:#8a6d1d;border:1px solid #f3d48b}
.document-version{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
.document-number{background:#061a2f;color:#d6a84f}
.document-title,h1{font-size:34px;line-height:1.18;color:#061a2f;margin:16px 0 12px;font-weight:800}
.document-summary,.statement{background:#fbfdff;border-left:5px solid #2f7d57;border-radius:12px;padding:16px 18px;margin:16px 0}
.card,section.card,.version-history,.approval-box,.doc-info{width:min(980px,calc(100% - 32px));margin:24px auto;background:#fff;border:1px solid #d8dee9;border-radius:16px;padding:24px;overflow:visible!important}
h2{font-size:23px;color:#061a2f;margin:24px 0 14px;padding-bottom:8px;border-bottom:2px solid #d6a84f}
h3{font-size:18px;color:#123b63;margin:20px 0 10px}
p{margin:0 0 14px}
ul,ol{margin:10px 0 18px 22px;padding:0}
li{margin:6px 0}
table{width:100%;border-collapse:collapse;margin:16px 0 24px;background:#fff;border:1px solid #d8dee9}
th{background:#061a2f;color:#fff;text-align:left;padding:10px 12px;font-size:13px}
td{padding:10px 12px;border-top:1px solid #eef2f7;vertical-align:top}
.grid,.kpi-row,.kpi-dashboard,.approval-grid,.approval-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0}
.kpi,.kpi-card,.kpi-tile,.approval-card{background:#fff;border:1px solid #d8dee9;border-top:4px solid #d6a84f;border-radius:14px;padding:16px}
.kpi strong,.kpi-card strong,.kpi-tile .value{display:block;color:#061a2f;font-size:23px;font-weight:800}
.kpi span,.kpi-card span,.kpi-tile .label{color:#64748b;font-size:13px}
.vdr-side-nav,.doc-info-panel,.watermark,.doc-tools{display:none!important;position:static!important}
.vdr-footer-bar{margin-top:40px;background:#061a2f;color:#dbeafe;padding:18px 7%;font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.vdr-footer-bar strong{color:#d6a84f}
@media(max-width:768px){
.container,main.container,.document-header,.document-nav,.vdr-search,.card,section.card,.version-history,.approval-box,.doc-info{width:calc(100% - 20px)}
.document-header,.card,section.card,.version-history{padding:18px}
.document-title,h1{font-size:28px}
.document-nav{flex-direction:column}
table{display:block;overflow-x:auto}
}
@media print{.document-nav,.vdr-search{display:none!important}body{background:#fff}}

/* ==================================================
   UNIFIED HEADER TEST
   ================================================== */

.unified-header{
    max-width:980px !important;
}

.brand-lockup{
    display:flex;
    align-items:center;
    gap:14px;
}

.logo-mark{
    width:54px;
    height:54px;
    border-radius:14px;
    background:#061a2f;
    color:#d6a84f;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    letter-spacing:.04em;
    border:2px solid #d6a84f;
    flex-shrink:0;
}

.document-meta-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:10px;
    margin:16px 0;
}

.document-meta-grid div{
    background:#fbfdff;
    border:1px solid #d8dee9;
    border-radius:10px;
    padding:11px 12px;
}

.document-meta-grid strong{
    display:block;
    color:#64748b;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.06em;
    margin-bottom:4px;
}

.document-meta-grid span{
    color:#061a2f;
    font-weight:800;
    font-size:13px;
}


/* ==================================================
   BANK-GRADE VISUAL STANDARDIZATION FINAL
   ================================================== */

html,body{
  background:#f3f6fa !important;
  color:#1f2937 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  line-height:1.65 !important;
}

.document-header,
.card,
section.card,
.version-history,
.doc-info,
.approval-box{
  max-width:980px !important;
  background:#ffffff !important;
  border:1px solid #d8dee9 !important;
  border-radius:16px !important;
  box-shadow:none !important;
}

.document-header{
  border-top:6px solid #d6a84f !important;
  padding:30px !important;
}

.document-company{
  color:#061a2f !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
}

.document-title,
h1.document-title{
  color:#061a2f !important;
  font-size:34px !important;
  font-weight:900 !important;
  line-height:1.16 !important;
}

h2{
  color:#061a2f !important;
  font-size:22px !important;
  font-weight:900 !important;
  border-bottom:2px solid #d6a84f !important;
}

h3{
  color:#123b63 !important;
  font-size:17px !important;
  font-weight:800 !important;
}

.document-classification,
.document-version,
.document-number{
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

.document-summary{
  background:#fbfdff !important;
  border-left:5px solid #2f7d57 !important;
}

table{
  width:100% !important;
  border-collapse:collapse !important;
  border:1px solid #d8dee9 !important;
  font-size:14px !important;
}

th{
  background:#061a2f !important;
  color:#ffffff !important;
  font-weight:800 !important;
  padding:11px 12px !important;
}

td{
  padding:10px 12px !important;
  border-top:1px solid #eef2f7 !important;
}

tr:nth-child(even) td{
  background:#fbfdff !important;
}

.btn,
.tool-btn,
.document-nav a,
.card a{
  border-radius:8px !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

.card a{
  color:#123b63 !important;
}

.vdr-footer-bar{
  background:#061a2f !important;
  color:#dbeafe !important;
  border-top:4px solid #d6a84f !important;
}

.vdr-footer-bar strong{
  color:#d6a84f !important;
}

.vdr-side-nav,
.doc-info-panel,
.watermark{
  display:none !important;
}

@media(max-width:768px){
  .document-header,
  .card,
  section.card,
  .version-history{
    width:calc(100% - 20px) !important;
    padding:18px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .document-title,
  h1.document-title{
    font-size:27px !important;
  }

  table{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }

  th,td{
    font-size:13px !important;
  }
}

@media print{
  body{
    background:#ffffff !important;
  }

  .document-nav,
  .vdr-search,
  .btn,
  .tool-btn{
    display:none !important;
  }

  .document-header,
  .card,
  section.card,
  .version-history{
    box-shadow:none !important;
    border-color:#cccccc !important;
  }
}


/* ==================================================
   DOC INFO LEFT ALIGNMENT FIX
   ================================================== */

.doc-info{
    display:block !important;
    width:min(980px, calc(100% - 32px)) !important;
    max-width:980px !important;
    margin:24px auto !important;
    float:none !important;
    clear:both !important;
    text-align:left !important;
}

.doc-info table{
    width:100% !important;
    margin:0 !important;
    border-collapse:collapse !important;
}

.doc-info th{
    width:260px !important;
    text-align:left !important;
    vertical-align:top !important;
}

.doc-info td{
    text-align:left !important;
    vertical-align:top !important;
}


.signature-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
margin-top:20px;
}

.signature-box{
border:1px solid #d8dee9;
border-radius:12px;
padding:20px;
background:#fff;
text-align:center;
}

.signature-title{
font-weight:700;
margin-bottom:10px;
}

.signature-space{
height:90px;
border-bottom:1px solid #111827;
margin-bottom:12px;
}

.signature-name{
font-weight:700;
}

.signature-position{
margin-top:4px;
color:#475569;
}

@media(max-width:768px){
.signature-grid{
grid-template-columns:1fr;
}
}


/* Force signature layout 3 columns, including mobile/print */
.signature-grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:18px !important;
margin-top:20px !important;
width:100% !important;
}

.signature-box{
display:block !important;
border:1px solid #d8dee9 !important;
border-radius:12px !important;
padding:16px !important;
background:#fff !important;
text-align:center !important;
min-height:190px !important;
}

.signature-title{
font-weight:700 !important;
font-size:13px !important;
margin-bottom:10px !important;
}

.signature-space{
height:80px !important;
border-bottom:1px solid #111827 !important;
margin-bottom:12px !important;
}

.signature-name{
font-weight:700 !important;
font-size:12px !important;
line-height:1.35 !important;
}

.signature-position{
font-size:12px !important;
margin-top:4px !important;
color:#475569 !important;
}

@media(max-width:768px){
.signature-grid{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:8px !important;
}
.signature-box{
padding:8px !important;
min-height:145px !important;
}
.signature-title{
font-size:10px !important;
}
.signature-space{
height:58px !important;
}
.signature-name,
.signature-position{
font-size:9px !important;
}
}

@media print{
.signature-grid{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
break-inside:avoid !important;
page-break-inside:avoid !important;
}
.signature-section{
break-inside:avoid !important;
page-break-inside:avoid !important;
}
}


@media print {
  body {
    background: #ffffff !important;
    color: #000000 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .document-nav,
  .clean-top-nav,
  .toolbar,
  .btn {
    display: none !important;
  }

  .document-header,
  .card,
  .notice {
    box-shadow: none !important;
    page-break-inside: avoid;
  }

  .card {
    border: 1px solid #cccccc !important;
    margin-bottom: 18px !important;
  }

  table {
    width: 100% !important;
    page-break-inside: avoid;
  }

  tr, td, th {
    page-break-inside: avoid;
  }

  h1, h2, h3 {
    page-break-after: avoid;
  }

  a {
    color: #000000 !important;
    text-decoration: none !important;
  }

  @page {
    size: A4;
    margin: 14mm;
  }
}