/* Custom styles for CRIM Modelo AS-78 Web App */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
  --crim-burgundy: #7b1113;
  --crim-dark-red: #8b0000;
  --crim-navy: #0f172a;
  --crim-blue: #1e3a8a;
  --crim-gold: #b45309;
  --crim-amber: #d97706;
  --crim-light: #f8fafc;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background-color: #f1f5f9;
  color: #1e293b;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Form Input Focus Effects */
.form-input-custom {
  transition: all 0.2s ease-in-out;
}
.form-input-custom:focus {
  border-color: #7b1113;
  box-shadow: 0 0 0 3px rgba(123, 17, 19, 0.15);
}

/* Signature Canvas */
.sig-canvas-container {
  position: relative;
  background-color: #ffffff;
  border: 2px dashed #cbd5e1;
  border-radius: 0.5rem;
  overflow: hidden;
  touch-action: none;
}
.sig-canvas {
  width: 100%;
  height: 110px;
  cursor: crosshair;
  background-color: #ffffff;
}

/* Tab Navigation */
.nav-tab-btn.active {
  background-color: #7b1113;
  color: #ffffff;
  font-weight: 600;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.15);
}
.nav-tab-btn {
  transition: all 0.2s ease;
}

/* Section Cards */
.form-card {
  background: #ffffff;
  border-radius: 0.75rem;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}

/* Badges */
.badge-crim {
  background-color: #fee2e2;
  color: #991b1b;
  border: 1px solid #fecaca;
}

/* PDF Preview Frame */
.pdf-preview-box {
  background: #334155;
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.2);
}

/* Hide scrollbar for tabs */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Print Overrides */
@media print {
  body {
    background: white !important;
  }
  .no-print {
    display: none !important;
  }
  .print-only {
    display: block !important;
  }
}