#vForm .grid > div:has(#vFirm) {
  grid-column: span 2;
}

html,
body,
button,
input,
optgroup,
select,
textarea,
table,
dialog {
  font-family: "Times New Roman", Times, serif !important;
}

.home-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.home-button:focus {
  outline: 3px solid #f1cc75;
  outline-offset: 1px;
}

@media (max-width: 650px) {
  #vForm .grid > div:has(#vFirm) {
    grid-column: span 1;
  }
}

.document-preview{background:#fff;border:1px solid #d5dbe6;padding:22px;color:#1c2430}.preview-brand{display:flex;align-items:center;gap:14px;border-bottom:2px solid #c8962b;padding-bottom:12px;margin-bottom:14px}.preview-brand img{width:58px;height:58px;object-fit:contain}.preview-brand strong{display:block;color:#1f3a6e;font-size:1.25rem}.preview-brand span{display:block;color:#1f3a6e;font-weight:700;margin-top:3px}.preview-meta{font-size:.85rem;line-height:1.7;margin-bottom:12px}.preview-table{width:100%;border-collapse:collapse;font-size:.8rem}.preview-table th{background:#1f3a6e;color:#fff;padding:7px}.preview-table td{border:1px solid #d5dbe6;padding:7px}.preview-frame{width:100%;height:62vh;border:1px solid #d5dbe6}
.box:has(.document-preview),.box:has(.preview-frame){max-width:1260px}
.confirm-modal{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(8,20,42,.65)}.confirm-modal.on{display:flex}.confirm-box{display:grid;grid-template-columns:48px 1fr;gap:4px 16px;width:min(460px,100%);padding:24px;background:#fff;border-top:5px solid #c8962b;border-radius:10px;box-shadow:0 18px 55px #08142a55}.confirm-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff1cc;color:#8b5a00;font-size:1.5rem;font-weight:800}.confirm-box h2{margin:2px 0 8px}.confirm-box p{margin:0;line-height:1.5;color:#3b4658}.confirm-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.confirm-actions .btn{min-width:100px}
.toast-popup{position:fixed!important;top:50%!important;right:auto!important;bottom:auto!important;left:50%!important;z-index:40!important;min-width:300px;max-width:min(520px,calc(100vw - 32px));padding:20px 26px 20px 62px!important;transform:translate(-50%,-50%);border-radius:10px!important;background:#fff!important;color:#1c2430!important;box-shadow:0 18px 55px #08142a55;text-align:left;font-size:1rem;font-weight:650;animation:toast-in .18s ease-out}.toast-popup:before{position:absolute;left:20px;top:50%;display:grid;place-items:center;width:30px;height:30px;transform:translateY(-50%);border-radius:50%;color:#fff;font-weight:800}.toast-popup.success{border-top:5px solid #1e7a46}.toast-popup.success:before{content:'✓';background:#1e7a46}.toast-popup.error{border-top:5px solid #b3261e}.toast-popup.error:before{content:'!';background:#b3261e}@keyframes toast-in{from{opacity:0;transform:translate(-50%,-46%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

.login-card input[aria-invalid="true"] { border-color: #b77912; }

.login-alert { width: min(460px, calc(100vw - 40px)); box-sizing: border-box; padding: 26px; border: 0; border-top: 5px solid #c8962b; border-radius: 12px; background: #fff; color: #1c2430; box-shadow: 0 20px 60px #08142a55; }
.login-alert::backdrop { background: rgba(8, 20, 42, .65); }
.login-alert-heading { display: flex; align-items: center; gap: 14px; }
.login-alert-heading h2 { margin: 0; color: #1f3a6e; font-size: 1.35rem; }
.login-alert-icon { display: grid; place-items: center; width: 42px; height: 42px; flex-shrink: 0; border-radius: 50%; background: #fff1cc; color: #8b5a00; font-size: 1.6rem; font-weight: bold; }
.login-alert p { margin: 20px 0; line-height: 1.6; overflow-wrap: anywhere; }
.login-alert-actions { display: flex; justify-content: flex-end; }
.login-alert-actions .btn { min-width: 100px; }