/* ============================================================
   ALMARE Studio — Charte de l'espace app (#/bo)
   = charte de la PAGE D'ACCUEIL : contenu clair crème (corps de la home)
     + sidebar sombre avec logo (comme le header de la home) + accent violet.
   Scopé body.is-bo : aucun impact sur les vitrines.
   ============================================================ */

body.is-bo { background: #F6F2EB; color: #12100D; }

/* --- Contenu clair (comme le corps de la home) --- */
body.is-bo .bo-layout { background: #F6F2EB; padding-top: 0; }
body.is-bo .bo-content { background: #F6F2EB; color: #12100D; }
body.is-bo .bo-content-header h1 {
  color: #12100D;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
}

/* --- Sidebar sombre (comme le header de la home) --- */
body.is-bo .bo-sidebar {
  background: #14110D;
  border-right: 1px solid #2A241E;
  top: 0;
}
body.is-bo .bo-sidebar-section { color: #7D7368; }
body.is-bo .bo-sidebar-sep { background: #2A241E; }
body.is-bo .bo-sidebar-footer { border-top: 1px solid #2A241E; }
body.is-bo .bo-sidebar-logo {
  padding: 18px 6px;
  margin-bottom: 6px;
  border-bottom: 1px solid #2A241E;
  text-align: center;
}
body.is-bo .bo-sidebar-logo svg { display: inline-block; width: 208px; height: auto; }
body.is-bo .bo-sidebar-nav a {
  color: rgba(221,216,207,.65);
  border-radius: 9px;
  transition: background .15s, color .15s;
}
body.is-bo .bo-sidebar-nav a:hover { background: rgba(167,139,250,.12); color: #F0E6DA; }
body.is-bo .bo-sidebar-nav a.active { background: rgba(167,139,250,.18); color: #C6B4FB; }
body.is-bo .bo-sidebar-nav a.active svg { stroke: #A78BFA; }
body.is-bo .bo-sidebar-footer a { color: rgba(221,216,207,.55); }
body.is-bo .bo-sidebar-footer a:hover { color: #FCA5A5; }

/* --- Accent Studio (violet) sur le contenu clair --- */
body.is-bo .btn-primary { background: #A78BFA; color: #0A0908; box-shadow: none; }
body.is-bo .btn-primary:hover { background: #9878F0; }
body.is-bo .btn-accent { background: #A78BFA; color: #0A0908; }
body.is-bo .quota-fill { background: #A78BFA; }
body.is-bo .score-value { color: #8B5CF6; }
body.is-bo .dropzone:hover { border-color: #A78BFA; }
body.is-bo .badge-accent { background: rgba(167,139,250,.16); color: #6D45C9; }

/* Cartes, formulaires, tableaux, badges neutres : conservent le style clair
   par défaut d'almare.css (fond blanc / crème, texte sombre) — cohérent avec la home. */

/* --- Sidebar élargie pour un logo plus grand --- */
body.is-bo .bo-sidebar { width: 296px; }
body.is-bo .bo-content { margin-left: 296px; }
body.is-bo .bo-sidebar-logo svg { width: 248px; }

/* --- Pipeline consultation (clic étape = voir livrable, plus de changement de statut) --- */
body.is-bo .pipeline-step.focused { outline: 2px solid #A78BFA; outline-offset: 1px; }
.stage-flash { animation: stageFlash 1.3s ease; }
@keyframes stageFlash {
  0%   { box-shadow: 0 0 0 0 rgba(167,139,250,.55); }
  100% { box-shadow: 0 0 0 14px rgba(167,139,250,0); }
}

/* --- Validation par rendu/vue (Valider / Refuser) --- */
.render-item.appr-approved { border-color: #22c55e; box-shadow: 0 0 0 2px rgba(34,197,94,.30); }
.render-item.appr-rejected { border-color: #ef4444; box-shadow: 0 0 0 2px rgba(239,68,68,.30); opacity: .7; }