/* JVF Studio — interface d'administration (PC + téléphone). */
:root {
  --jvf: #0E7C86;
  --jvf-dark: #0A5A62;
  --jvf-light: #E6F4F5;
  --bs-primary: #0E7C86;
  --bs-primary-rgb: 14, 124, 134;
  --bs-link-color: #0A5A62;
  --bs-link-hover-color: #073f45;
}

html { font-size: 15px; }
@media (min-width: 768px) { html { font-size: 16px; } }

body {
  background: #F4F7F8;
  padding-bottom: env(safe-area-inset-bottom);
}

.jvf-bar { background: var(--jvf); }
.jvf-bar .nav-link.active { font-weight: 600; text-decoration: underline; text-underline-offset: 6px; }

.btn-primary { --bs-btn-bg: var(--jvf); --bs-btn-border-color: var(--jvf); --bs-btn-hover-bg: var(--jvf-dark);
  --bs-btn-hover-border-color: var(--jvf-dark); --bs-btn-active-bg: var(--jvf-dark); --bs-btn-active-border-color: var(--jvf-dark); }
.btn-outline-primary { --bs-btn-color: var(--jvf); --bs-btn-border-color: var(--jvf); --bs-btn-hover-bg: var(--jvf);
  --bs-btn-hover-border-color: var(--jvf); --bs-btn-active-bg: var(--jvf-dark); }

.login-box { max-width: 380px; margin-top: 8vh; }

/* Cartes de demande : lisibles et faciles à toucher sur téléphone. */
.req-card { border-left: 4px solid var(--jvf); }
.req-card .target { font-size: 1.15rem; font-weight: 600; word-break: break-all; }
.req-card .reason { font-style: italic; color: #555; }
.req-actions .btn { min-width: 5.5rem; padding-top: .55rem; padding-bottom: .55rem; }

.dot { display: inline-block; width: .65rem; height: .65rem; border-radius: 50%; margin-right: .35rem; vertical-align: baseline; }
.dot-on { background: #2EA043; }
.dot-off { background: #B7C0C4; }

.section-title { font-size: 1.05rem; font-weight: 600; color: var(--jvf-dark); margin: 1.4rem 0 .6rem; }
.muted-small { font-size: .85rem; color: #6c757d; }
code.copy { background: var(--jvf-light); color: #0b3d42; padding: .35rem .55rem; border-radius: .35rem; display: inline-block; word-break: break-all; }