/* Centralized black theme + responsive + signature spacing for forms */
/* Loaded dynamically by forms-ui.js to ensure it overrides inline styles */

/* Buttons: black theme, with clear secondary variant */
.btn { background:#111827 !important; border:1px solid #111827 !important; color:#ffffff !important; }
.btn:hover { filter: brightness(0.95); }
.btn.secondary { background:#ffffff !important; color:#111827 !important; border:1px solid #111827 !important; }

/* Signature spacing */
.sig { height: 84px !important; }
@media print { .sig { height: 72px !important; } }
/* For form_IT style signature boxes */
.signature-box { min-height: 84px !important; }
@media print { .signature-box { min-height: 72px !important; } }

/* Hide non-printing UI (e.g., toolbars) for both Print and PDF modes */
.pdf-render-mode .no-print { display: none !important; }
@media print { .no-print { display: none !important; } }

/* Improve small-screen usability */
@media (max-width: 768px) {
  .toolbar { position: sticky; top: 0; padding: 8px !important; gap: 8px !important; }
  .wrap { padding: 8px !important; }
  .sheet, .form-container, #sheet, #formSheet { width: 100% !important; padding: 12px !important; box-shadow: none !important; }
  .field { grid-template-columns: 1fr !important; }
  .field-row { grid-template-columns: 1fr !important; gap: 6px !important; }
  .section-title { font-size: 12px !important; }
  .input, .select, .textarea, input[type="text"], input[type="date"], input[type="email"], input[type="url"], input[type="time"] { font-size: 12px !important; }
  table { display: block; overflow-x: auto; }
}

/* Print friendliness: ensure borders visible when overridden */
@media print {
  .input, .select, .textarea, input[type="text"], input[type="date"], input[type="email"], input[type="url"], input[type="time"] { border-color:#000 !important; }
}