/* =====================================================================
   PMC CENTRE & PAPER PRO CONSULTANCY SERVICES — PAPER DIVISION PORTAL
   Executive Theme System:
   1. Sophisticated Bluish Tint Body (#EDF3F8) with Deep Dark Cards (#0B1E36)
   2. Full Midnight Darkroom Theme (#071527)
   Featuring Ravinder Kamboj's Deep Bluish Tone & Electric Cyan Accents
   ===================================================================== */

:root {
  --paperpro-bg-dark: #071527;          /* Deepest Midnight Slate Navy */
  --paperpro-card: #0B1E36;             /* Signature Deep Dark Navy Card */
  --paperpro-card-elevated: #0F284A;    /* Elevated Feature Card */
  --paperpro-blue: #2563EB;             /* Royal / Sapphire Blue */
  --paperpro-sky: #38BDF8;              /* Electric Cyan / Sky Blue */
  --paperpro-teal: #00D084;             /* Mint Accent from Paper Pro Logo */
  --paperpro-border-dark: rgba(56, 189, 248, 0.2);
}

/* =====================================================================
   THEME 1: SOPHISTICATED BLUISH TINT BODY + DEEP DARK CARDS (DEFAULT)
   ===================================================================== */
body.theme-bluish, body:not(.theme-dark) {
  background-color: #EDF3F8;
  color: #1E293B;
  transition: background-color 0.3s ease, color 0.3s ease;
}

body.theme-bluish .bg-grid-blueprint, 
body:not(.theme-dark) .bg-grid-blueprint {
  background-size: 36px 36px;
  background-image: 
    linear-gradient(to right, rgba(37, 99, 235, 0.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(37, 99, 235, 0.06) 1px, transparent 1px);
}

body.theme-bluish .bg-radial-blueprint,
body:not(.theme-dark) .bg-radial-blueprint {
  background: radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.18) 0%, rgba(37, 99, 235, 0.07) 50%, transparent 80%);
}

body.theme-bluish .theme-heading,
body:not(.theme-dark) .theme-heading {
  color: #0B1E36;
}

body.theme-bluish .theme-subtext,
body:not(.theme-dark) .theme-subtext {
  color: #334155;
}

body.theme-bluish .theme-muted,
body:not(.theme-dark) .theme-muted {
  color: #64748B;
}

body.theme-bluish .theme-eyebrow,
body:not(.theme-dark) .theme-eyebrow {
  background-color: rgba(2, 132, 199, 0.08);
  border: 1px solid rgba(2, 132, 199, 0.28);
  color: #0369A1;
}

body.theme-bluish .theme-section-border,
body:not(.theme-dark) .theme-section-border {
  border-color: rgba(11, 30, 54, 0.09);
}

body.theme-bluish .theme-section-alt,
body:not(.theme-dark) .theme-section-alt {
  background-color: rgba(226, 236, 245, 0.55);
}

body.theme-bluish .theme-stat-num,
body:not(.theme-dark) .theme-stat-num {
  color: #0B1E36;
}

/* =====================================================================
   THEME 2: MIDNIGHT DARKROOM (FULL DARK BLUEPRINT)
   ===================================================================== */
body.theme-dark {
  background-color: #071527;
  color: #F1F5F9;
  transition: background-color 0.3s ease, color 0.3s ease;
}

body.theme-dark .bg-grid-blueprint {
  background-size: 36px 36px;
  background-image: 
    linear-gradient(to right, rgba(56, 189, 248, 0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(56, 189, 248, 0.04) 1px, transparent 1px);
}

body.theme-dark .bg-radial-blueprint {
  background: radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.12) 0%, rgba(37, 99, 235, 0.06) 45%, transparent 75%);
}

body.theme-dark .theme-heading {
  color: #FFFFFF;
}

body.theme-dark .theme-subtext {
  color: #CBD5E1;
}

body.theme-dark .theme-muted {
  color: #94A3B8;
}

body.theme-dark .theme-eyebrow {
  background-color: rgba(11, 30, 54, 0.85);
  border: 1px solid rgba(56, 189, 248, 0.4);
  color: #38BDF8;
}

body.theme-dark .theme-section-border {
  border-color: rgba(30, 58, 138, 0.6);
}

body.theme-dark .theme-section-alt {
  background-color: rgba(7, 21, 39, 0.6);
}

body.theme-dark .theme-stat-num {
  color: #FFFFFF;
}

/* =====================================================================
   SHARED SIGNATURE ELEMENTS (Ravinder's Technical Reports)
   ===================================================================== */

/* Signature Cyan-Blue Horizontal Report Bar */
.report-divider-cyan {
  height: 3px;
  background: linear-gradient(90deg, #0284C7 0%, #38BDF8 50%, #00D084 100%);
  border-radius: 2px;
}

.report-divider-subtle {
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(56, 189, 248, 0.3) 50%, transparent 100%);
}

/* Gradient Text for Highlight Phrases */
.gradient-text-cyan {
  background: linear-gradient(135deg, #2563EB 0%, #0284C7 45%, #00D084 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

body.theme-dark .gradient-text-cyan {
  background: linear-gradient(135deg, #60A5FA 0%, #38BDF8 50%, #34D399 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* =====================================================================
   THE DEEP DARK CARDS (Used Across BOTH Themes for High Contrast)
   ===================================================================== */
.dark-card {
  background: #0B1E36;
  color: #FFFFFF;
  border: 1px solid rgba(56, 189, 248, 0.2);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 16px 36px -10px rgba(11, 30, 54, 0.25), 0 0 20px rgba(56, 189, 248, 0.05);
}

.dark-card:hover {
  border-color: rgba(56, 189, 248, 0.45);
  transform: translateY(-3px);
  box-shadow: 0 24px 44px -10px rgba(11, 30, 54, 0.35), 0 0 25px rgba(56, 189, 248, 0.15);
}

.dark-card-feature {
  background: linear-gradient(145deg, #0B1E36 0%, #0F284A 100%);
  color: #FFFFFF;
  border: 2px solid #38BDF8;
  box-shadow: 0 20px 48px -10px rgba(11, 30, 54, 0.4), 0 0 30px rgba(56, 189, 248, 0.2);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.dark-card-feature:hover {
  border-color: #7DD3FC;
  transform: translateY(-3px);
  box-shadow: 0 26px 52px -10px rgba(11, 30, 54, 0.45), 0 0 40px rgba(56, 189, 248, 0.3);
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #071527;
}
::-webkit-scrollbar-thumb {
  background: #1E3A8A;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #3B82F6;
}

/* Smooth Scrolling */
html {
  scroll-behavior: smooth;
}

/* Print Stylesheet */
@media print {
  header, #proposal-banner, #access-gate, .no-print, button, form {
    display: none !important;
  }
  body {
    background: #FFFFFF !important;
    color: #000000 !important;
    font-size: 11pt !important;
  }
  .dark-card, .dark-card-feature {
    background: #FFFFFF !important;
    color: #000000 !important;
    border: 1px solid #CBD5E1 !important;
    box-shadow: none !important;
    break-inside: avoid;
  }
  #proposal-content {
    display: block !important;
  }
}