/* =========================================================
   COBAT V2.1.08 — EN-TÊTE, ALERTES ET LISIBILITÉ ACCUEIL
   ========================================================= */

/* Menu latéral : alléger uniquement le groupe d'administration / support. */
#v1200Shell #v12DocumentsReceived,
#v1200Shell #v12GlobalSettings,
#v1200Shell #v12AdminUsers,
#v1200Shell #v12AdminChantiers,
#v1200Shell #v12Help,
#v1200Shell #v2InstallApp{
  font-size:8px!important;
  letter-spacing:.05px!important;
}

/* En-tête : profil et aide haute retirés du DOM ; date + semaine sur une ligne. */
#v1200Shell .v12-header-right{
  gap:10px!important;
}
#v1200Shell .v12-date{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  text-align:right!important;
  white-space:nowrap!important;
}
#v1200Shell .v12-date-main{
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:800!important;
}
#v1200Shell .v12-date-week{
  margin-top:0!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
}

/* Intervenants du chantier dans le bandeau principal. */
#v1200Shell .v12-hero-meta-label{
  font-size:7.5px!important;
  line-height:1.1!important;
}
#v1200Shell .v12-hero-meta-value{
  font-size:9.5px!important;
  line-height:1.18!important;
}

/* Bibliothèque : même niveau typographique que le bloc Alertes. */
#v1200Shell #v12Library .v12-section-title{
  font-size:9.5px!important;
}
#v1200Shell #v12Library .v12-section-action{
  font-size:7px!important;
}
#v1200Shell #v12Library .v12-carousel-caption{
  font-size:8.5px!important;
  line-height:1.25!important;
}
#v1200Shell #v12Library .v12-carousel-empty{
  font-size:8.5px!important;
}

/* Fenêtre "Voir toutes" des alertes. */
.v2108-alert-overlay[hidden]{display:none!important;}
.v2108-alert-overlay{
  position:fixed;
  inset:0;
  z-index:10050;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:rgba(8,31,57,.46);
  backdrop-filter:blur(3px);
}
.v2108-alert-modal{
  width:min(820px,calc(100vw - 56px));
  max-height:min(720px,calc(100vh - 56px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#fff;
  border:1px solid #dce6ef;
  border-radius:18px;
  box-shadow:0 28px 80px rgba(15,39,65,.28);
}
.v2108-alert-modal-head{
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 18px;
  border-bottom:1px solid #e7edf3;
  background:#fbfdff;
}
.v2108-alert-modal-title{
  color:#8f1d27;
  font-size:13px;
  font-weight:850;
  letter-spacing:.2px;
}
.v2108-alert-modal-sub{
  margin-top:4px;
  color:#6f8193;
  font-size:9px;
}
.v2108-alert-close{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border:1px solid #dbe5ef;
  border-radius:10px;
  background:#fff;
  color:#425b72;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.v2108-alert-close:hover{background:#f2f7fc;}
.v2108-alert-modal-body{
  overflow:auto;
  padding:12px 16px 18px;
}
.v2108-alert-detail{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:11px;
  padding:13px 12px;
  border-bottom:1px solid #edf1f5;
}
.v2108-alert-detail:last-child{border-bottom:0;}
.v2108-alert-detail-icon{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#fff3ea;
  color:#bd6a00;
  border:1px solid #f1d7b8;
  font-size:13px;
  font-weight:900;
}
.v2108-alert-detail.red .v2108-alert-detail-icon{
  background:#fff0f1;
  color:#a51f29;
  border-color:#efc5c8;
}
.v2108-alert-detail.blue .v2108-alert-detail-icon{
  background:#edf5ff;
  color:#0b5db8;
  border-color:#d9e9fb;
}
.v2108-alert-detail-title{
  color:#243c53;
  font-size:11px;
  font-weight:800;
  line-height:1.3;
}
.v2108-alert-detail-text{
  margin-top:4px;
  color:#586d81;
  font-size:9.5px;
  line-height:1.45;
  white-space:pre-wrap;
}
.v2108-alert-detail-meta{
  display:flex;
  flex-wrap:wrap;
  gap:5px 7px;
  margin-top:8px;
}
.v2108-alert-detail-meta span{
  display:inline-flex;
  align-items:center;
  min-height:21px;
  padding:3px 7px;
  border:1px solid #e0e8ef;
  border-radius:999px;
  background:#f7fafd;
  color:#63788d;
  font-size:7.5px;
  font-weight:700;
}
.v2108-alert-empty{
  padding:42px 18px;
  text-align:center;
  color:#75879a;
  font-size:10px;
}

@media (min-width:1900px) and (min-height:900px){
  #v1200Shell .v12-date-main{font-size:12px!important;}
  #v1200Shell .v12-date-week{font-size:10px!important;}
  #v1200Shell .v12-hero-meta-label{font-size:8px!important;}
  #v1200Shell .v12-hero-meta-value{font-size:10.5px!important;}
  #v1200Shell #v12Library .v12-carousel-caption{font-size:9.3px!important;}
}

@media (min-width:761px) and (max-width:1100px){
  #v1200Shell .v12-date{display:flex!important;}
  #v1200Shell .v12-date-main{font-size:9px!important;}
  #v1200Shell .v12-date-week{font-size:8px!important;}
}

@media (max-width:760px){
  #v1200Shell .v12-date{display:none!important;}
  .v2108-alert-overlay{padding:10px;align-items:flex-end;}
  .v2108-alert-modal{width:100%;max-height:88vh;border-radius:16px 16px 10px 10px;}
  .v2108-alert-modal-head{min-height:60px;padding:12px 14px;}
  .v2108-alert-detail{grid-template-columns:31px minmax(0,1fr);padding:11px 7px;}
  .v2108-alert-detail-icon{width:29px;height:29px;}
}