/* TTMV Management Modern Web Stylesheet - Ocean Dynamic Theme */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Times+New+Roman&display=swap');

:root {
  --primary-ocean: #0284c7;
  --primary-hover: #0369a1;
  --primary-navy: #0c4a6e;
  --primary-deep: #082f49;
  --electric-indigo: #4f46e5;
  --cyan-energy: #06b6d4;
  --sky-accent: #38bdf8;
  --gold-accent: #d97706;
  --bg-slate: #f8fafc;
  --bg-ocean-tint: #f0f7ff;
}

body {
  font-family: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  background-color: var(--bg-slate);
  color: #1e293b;
  -webkit-font-smoothing: antialiased;
}

/* Transcripts and Traditional Diocesan Certificates use Times New Roman */
.font-serif-official {
  font-family: 'Times New Roman', Times, serif;
}

.font-heading {
  font-family: 'Cinzel', serif;
}

/* Print Rules */
@media print {
  .no-print {
    display: none !important;
  }
  
  body {
    background-color: #ffffff !important;
    color: #000000 !important;
    padding: 0 !important;
    margin: 0 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .print-page-a4 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    box-shadow: none !important;
    border: none !important;
  }

  @page {
    size: A4 portrait;
    margin: 10mm 15mm;
  }

  .break-inside-avoid {
    page-break-inside: avoid;
    break-inside: avoid;
  }

  .card-print-single {
    page-break-inside: avoid;
    break-inside: avoid;
  }
}

/* Modern Card Lift Animation */
.hover-lift {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.hover-lift:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px -6px rgba(2, 132, 199, 0.18), 0 8px 12px -6px rgba(2, 132, 199, 0.12);
}

/* Modern Glassmorphism Card */
.glass-panel {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(224, 242, 254, 0.8);
}

/* Glow effects */
.glow-sky {
  box-shadow: 0 0 25px -5px rgba(56, 189, 248, 0.35);
}
.glow-ocean {
  box-shadow: 0 10px 25px -5px rgba(2, 132, 199, 0.3);
}

/* PVC Card Design (Standard CR80: 85.6mm x 53.98mm ~ ratio 1.586) */
.glv-card-front {
  width: 85.6mm;
  height: 54mm;
  min-width: 85.6mm;
  min-height: 54mm;
  position: relative;
  background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 65%, #e0f2fe 100%);
  border-radius: 4mm;
  overflow: hidden;
  box-shadow: 0 10px 25px -5px rgba(2, 132, 199, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.08);
  border: 1.2px solid #0284c7;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

.glv-card-back {
  width: 85.6mm;
  height: 54mm;
  min-width: 85.6mm;
  min-height: 54mm;
  position: relative;
  background: #ffffff;
  border-radius: 4mm;
  overflow: hidden;
  box-shadow: 0 10px 25px -5px rgba(2, 132, 199, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.08);
  border: 1.2px solid #0284c7;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

/* Watermark */
.card-watermark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.08;
  pointer-events: none;
}

/* Status Badges */
.badge-cap1 {
  background-color: #e0f2fe;
  color: #0369a1;
  border: 1px solid #bae6fd;
}

.badge-cap2 {
  background-color: #fef3c7;
  color: #b45309;
  border: 1px solid #fde68a;
}

.badge-cap3 {
  background-color: #ede9fe;
  color: #6d28d9;
  border: 1px solid #ddd6fe;
}

.badge-completed {
  background-color: #ecfdf5;
  color: #047857;
  border: 1px solid #a7f3d0;
}