/* Shared styling for the RFI / Variation / EOT builders. */

.db-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px}
.db-f label{display:block;font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;
  color:#5b6b7c;margin-bottom:4px}
.db-f label i{font-style:normal;color:#a8342a;font-size:10px;letter-spacing:.06em}
.db-f.full{grid-column:1/-1}
.db-in{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:9px;
  font:inherit;font-size:15px;color:var(--ink);background:#fff}
.db-in:focus{outline:0;border-color:var(--gold)}
textarea.db-in{resize:vertical;line-height:1.55}

/* the "will this stand up?" panel */
.db-strength{border:2px solid;border-radius:12px;overflow:hidden;margin:18px 0}
.db-strength.g{border-color:#1f7a39} .db-strength.a{border-color:#b58900} .db-strength.r{border-color:#a8342a}
.db-s-head{padding:13px 17px;color:#fff}
.db-strength.g .db-s-head{background:#1f7a39}
.db-strength.a .db-s-head{background:#b58900}
.db-strength.r .db-s-head{background:#a8342a}
.db-s-head b{display:block;font-size:18px;line-height:1.2}
.db-s-head span{display:block;font-size:13px;opacity:.95;margin-top:2px}
.db-s-miss{background:#fff;padding:13px 17px}
.db-s-miss h4,
.db-s-miss .h-was-h4{margin:0 0 6px;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#a8342a}
.db-s-miss ul{margin:0;padding-left:19px}
.db-s-miss li{font-size:14px;line-height:1.6;color:#414b57;margin-bottom:3px}
.db-s-ok{background:#fff;padding:13px 17px;font-size:14px;color:#155a2a}

/* the printable document */
.db-doc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px 28px;
  font-size:14.5px;line-height:1.65;color:var(--ink)}
.db-doc h2,
.db-doc .h-was-h2{margin:0 0 3px;font-size:22px;line-height:1.2}
.db-doc .db-ref{font-family:Consolas,'SF Mono',ui-monospace,monospace;font-size:12.5px;color:#5b6b7c}
.db-doc hr{border:0;border-top:2px solid var(--ink);margin:13px 0 16px}
.db-doc .db-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px 18px;margin-bottom:16px}
.db-doc .db-meta div{font-size:13px}
.db-doc .db-meta b{display:block;font-size:10px;letter-spacing:.9px;text-transform:uppercase;color:#8b98a5;margin-bottom:1px}
.db-doc h3,
.db-doc .h-was-h3{font-size:11.5px;letter-spacing:1.1px;text-transform:uppercase;color:#5b6b7c;
  margin:18px 0 5px;padding-bottom:4px;border-bottom:1px solid var(--line)}
.db-doc p{margin:0 0 9px}
.db-doc .db-blank{color:#b3bcc5;font-style:italic}
.db-doc .db-sign{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:26px}
.db-doc .db-sign div{border-top:2px solid var(--ink);padding-top:5px;font-size:11px;color:#5b6b7c}
.db-doc .db-foot{margin-top:20px;padding-top:10px;border-top:1px solid var(--line);
  font-size:10.5px;color:#8b98a5;line-height:1.55}

.db-note{background:#fff8ec;border:1px solid #e8c98d;border-radius:10px;padding:13px 15px;
  font-size:13.5px;color:#6b4f16;line-height:1.6;margin:16px 0}
.db-note b{color:#4a3608}
.db-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}

@media print{
  .db-noprint{display:none!important}
  .db-doc{border:0;padding:0;font-size:11.5pt}
  @page{size:A4 portrait;margin:16mm}
}