/* ============================================================
   RGZ NOC — Charte Graphique ACCESS
   Bleu #3f68ae | Jaune #f5c445 | Rouge #da3747 | Gris #34383c
   ============================================================ */

:root {
  --access-blue:   #3f68ae;
  --access-yellow: #f5c445;
  --access-red:    #da3747;
  --access-dark:   #34383c;
  --access-white:  #ffffff;

  /* Override Material theme variables */
  --md-primary-fg-color:         var(--access-blue);
  --md-primary-fg-color--light:  #5a84c8;
  --md-primary-fg-color--dark:   #2d4f8a;
  --md-accent-fg-color:          var(--access-yellow);
  --md-typeset-color:            var(--access-dark);
}

/* === NAVIGATION TABS === */
.md-tabs { background-color: var(--access-blue); }
.md-tabs__link--active { color: var(--access-yellow) !important; }

/* === HEADER === */
.md-header { background-color: var(--access-blue); box-shadow: 0 2px 8px rgba(0,0,0,.3); }
.md-header__title { font-family: 'Poppins', sans-serif; font-weight: 700; letter-spacing: 0.5px; }

/* === SIDEBAR === */
.md-nav__item--active > .md-nav__link { color: var(--access-blue); font-weight: 600; }
.md-nav__link:hover { color: var(--access-blue); }

/* === TABLES === */
.md-typeset table:not([class]) th {
  background-color: var(--access-blue);
  color: var(--access-white);
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}
.md-typeset table:not([class]) tr:hover { background-color: rgba(63, 104, 174, 0.08); }

/* === CODE BLOCKS === */
.md-typeset .highlight .filename {
  background-color: var(--access-blue);
  color: var(--access-white);
}

/* === STATUS BADGES === */
.badge-production {
  background: #2e7d32; color: white;
  padding: 3px 10px; border-radius: 12px;
  font-size: 0.72em; font-weight: 700;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 0.5px; text-transform: uppercase;
}
.badge-en-cours {
  background: #e65100; color: white;
  padding: 3px 10px; border-radius: 12px;
  font-size: 0.72em; font-weight: 700;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 0.5px; text-transform: uppercase;
}
.badge-planifie {
  background: var(--access-blue); color: white;
  padding: 3px 10px; border-radius: 12px;
  font-size: 0.72em; font-weight: 700;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 0.5px; text-transform: uppercase;
}

/* === PRIORITY BORDERS === */
.priority-critique { border-left: 4px solid var(--access-red); padding-left: 12px; }
.priority-haute    { border-left: 4px solid var(--access-yellow); padding-left: 12px; }
.priority-moyenne  { border-left: 4px solid var(--access-blue); padding-left: 12px; }

/* === HERO SECTION (homepage) === */
.rgz-hero {
  background: linear-gradient(135deg, var(--access-blue) 0%, #2d4f8a 100%);
  color: white;
  padding: 3rem 2rem;
  border-radius: 12px;
  margin-bottom: 2rem;
  text-align: center;
}
.rgz-hero h1 { color: white; font-family: 'Poppins', sans-serif; font-size: 2.2em; margin: 0; }
.rgz-hero p  { color: rgba(255,255,255,0.85); font-size: 1.1em; margin: 0.8rem 0 0; }

/* === QUICK LINKS GRID === */
.rgz-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin: 1.5rem 0;
}
.rgz-card {
  border: 1px solid var(--access-blue);
  border-radius: 8px;
  padding: 1.2rem;
  text-align: center;
  transition: transform 0.2s, box-shadow 0.2s;
  text-decoration: none;
}
.rgz-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(63,104,174,0.2);
}
.rgz-card .icon { font-size: 2em; margin-bottom: 0.5rem; }
.rgz-card h3 { margin: 0; font-size: 0.95em; color: var(--access-blue); }

/* === STATS ROW === */
.rgz-stats {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin: 1rem 0;
}
.rgz-stat {
  background: var(--access-blue);
  color: white;
  border-radius: 8px;
  padding: 0.8rem 1.4rem;
  text-align: center;
  flex: 1;
  min-width: 120px;
}
.rgz-stat .number { font-size: 2em; font-weight: 700; font-family: 'Poppins', sans-serif; }
.rgz-stat .label  { font-size: 0.75em; opacity: 0.85; text-transform: uppercase; }

/* === ADMONITIONS CUSTOM === */
.md-typeset .admonition.rgz-note { border-color: var(--access-blue); }
.md-typeset .admonition.rgz-warn { border-color: var(--access-yellow); }
.md-typeset .admonition.rgz-danger { border-color: var(--access-red); }

/* === FOOTER === */
.md-footer { background-color: var(--access-dark); }

/* === RESPONSIVE === */
@media (max-width: 768px) {
  .rgz-stats { flex-direction: column; }
  .rgz-grid { grid-template-columns: 1fr 1fr; }
}