:root{
 --myr-navy:#0D1B2A;
 --myr-navy-soft:#10253F;
 --myr-blue:#1F5FBF;
 --myr-blue-soft:#2B4C72;
 --myr-border:#DCE3EA;
 --myr-bg:#F5F7FA;
}

body{
 background:var(--myr-bg)!important;
}

/* Sidebar */
header.top,
nav{
 background:
 linear-gradient(
   180deg,
   #071421,
   #0D1B2A
 )!important;

 border-right:
 1px solid rgba(220,227,234,.12)!important;
}

/* Cache ancien logo */
.top img:not([src*="/static/assets/branding/logo.png"]){
 display:none!important;
}

/* Affiche nouveau logo */
.top::before{
 content:"";

 display:block;

 width:170px;
 height:70px;

 margin:12px auto;

 background:
 url("/static/assets/branding/logo.png")
 center center /
 contain
 no-repeat;
}

/* boutons navigation */
.top nav button{
 background:
 rgba(255,255,255,.06)!important;

 color:#F5F7FA!important;

 border:
 1px solid rgba(220,227,234,.16)!important;
}

.top nav button:hover{
 background:
 rgba(43,76,114,.55)!important;
}

.top nav button.active{
 background:
 linear-gradient(
   135deg,
   #1F5FBF,
   #2B4C72
 )!important;
}

/* cartes */
.card,
.panel,
.mon-card{
 border-color:
 var(--myr-border)!important;
}

/* titres planning */
.ops-calendar-title,
.ops-scheduler-title{
 background:
 linear-gradient(
   90deg,
   #0D1B2A,
   #10253F
 )!important;

 color:white!important;
}

/* boutons */
button.good,
button.primary{
 background:#1F5FBF!important;

 border-color:#1F5FBF!important;

 color:white!important;
}



/* ==========================================================
   PUBLIC HEADER IDENTIQUE APP + BOUTONS NAVIGATION
   ========================================================== */

.myrmidon-public-header{
  background:linear-gradient(180deg,#071421,#0D1B2A)!important;
  height:86px!important;
  min-height:86px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

.myrmidon-public-header::before,
.myrmidon-public-header::after{
  display:none!important;
  content:none!important;
}

.myrmidon-public-inner{
  width:min(1280px,96vw)!important;
  height:86px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
}

.myrmidon-public-brand{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  color:white!important;
  text-decoration:none!important;
  flex-shrink:0!important;
}

.myrmidon-public-logo{
  height:58px!important;
  width:auto!important;
  display:block!important;
}

.myrmidon-public-title{
  display:flex!important;
  flex-direction:column!important;
  line-height:1.05!important;
}

.myrmidon-public-title strong{
  color:white!important;
  font-size:23px!important;
  font-weight:950!important;
  letter-spacing:.5px!important;
}

.myrmidon-public-title small{
  color:#dbe7f5!important;
  font-size:13px!important;
  font-weight:800!important;
}

.myrmidon-public-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  background:transparent!important;
  border:0!important;
  flex-wrap:wrap!important;
}

.myrmidon-public-nav::before,
.myrmidon-public-nav::after{
  display:none!important;
  content:none!important;
}

.myrmidon-public-nav a{
  height:38px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  color:#F5F7FA!important;
  border:1px solid rgba(220,227,234,.18)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:850!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

.myrmidon-public-nav a:hover{
  background:linear-gradient(135deg,#1F5FBF,#2B4C72)!important;
  color:white!important;
  border-color:#1F5FBF!important;
}



/* ==========================================================
   HEADER PUBLIC = STYLE APPLICATION
   ========================================================== */

.myrmidon-public-header{
  width:100%!important;
  min-height:88px!important;
  background:linear-gradient(180deg,#02101d,#071421)!important;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;

  padding:0 34px!important;
  box-sizing:border-box!important;

  border:0!important;
  box-shadow:none!important;
}

/* retire les anciens effets */
.myrmidon-public-header::before,
.myrmidon-public-header::after{
  display:none!important;
  content:none!important;
}

.myrmidon-public-inner{
  width:100%!important;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;

  gap:30px!important;
}

/* -------- logo -------- */

.myrmidon-public-brand{
  display:flex!important;
  align-items:center!important;

  gap:18px!important;

  text-decoration:none!important;
}

.myrmidon-public-logo{
  height:78px!important;
  width:auto!important;

  display:block!important;
}

.myrmidon-public-title{
  display:flex!important;
  flex-direction:column!important;

  line-height:1.05!important;
}

.myrmidon-public-title strong{
  color:#fff!important;

  font-size:27px!important;

  font-weight:950!important;
}

.myrmidon-public-title small{
  color:#d9e4f5!important;

  font-size:13px!important;

  font-weight:800!important;
}

/* -------- boutons -------- */

.myrmidon-public-nav{
  display:flex!important;

  align-items:center!important;

  gap:14px!important;

  background:none!important;

  border:0!important;
}

.myrmidon-public-nav a{

  min-width:120px!important;

  height:42px!important;

  padding:0 18px!important;

  border-radius:999px!important;

  background:#fff!important;

  color:#0b1730!important;

  border:0!important;

  display:flex!important;

  align-items:center!important;

  justify-content:center!important;

  text-decoration:none!important;

  font-size:13px!important;

  font-weight:900!important;

  transition:.15s!important;
}

.myrmidon-public-nav a:hover{
  background:#2a69d9!important;

  color:#fff!important;
}


.myrmidon-public-header{
height:88px!important;
background:#02101d!important;
display:flex!important;
align-items:center!important;
padding:0 32px!important;
}

.myrmidon-public-inner{
display:flex!important;
justify-content:space-between!important;
align-items:center!important;
width:100%!important;
}

.myrmidon-public-brand{
display:flex!important;
align-items:center!important;
gap:18px!important;
text-decoration:none!important;
}

.myrmidon-public-logo{
height:80px!important;
}

.myrmidon-public-title{
display:flex!important;
flex-direction:column!important;
}

.myrmidon-public-title strong{
color:white!important;
font-size:28px!important;
}

.myrmidon-public-title small{
color:#dce7f7!important;
}

.myrmidon-public-nav{
display:flex!important;
gap:14px!important;
}

.myrmidon-public-nav a{
background:white!important;
color:#061728!important;
padding:12px 20px!important;
border-radius:999px!important;
font-weight:800!important;
text-decoration:none!important;
}