/* ScoutConnect V4.3 — Auth gate, header profil/notifications, événements simples */

/* AUTHENTIFICATION : page réellement séparée de l'application */
body.sc-guest{overflow:hidden}
body.sc-guest #auth{
  display:grid!important;
  position:fixed!important;
  inset:0!important;
  z-index:10000!important;
  overflow:auto!important;
  overscroll-behavior:contain;
}
body.sc-guest #app{display:none!important}
body.sc-authenticated{overflow:auto}
body.sc-authenticated #auth{display:none!important}
body.sc-authenticated #app{display:block!important}

/* Les deux modes sont clairs aussi sur ordinateur */
@media(min-width:821px){
  .phone-auth-tabs{display:grid!important;grid-template-columns:1fr 1fr;gap:4px;background:#edf2ee;padding:4px;border-radius:15px;margin-bottom:18px}
  .phone-auth-tabs button{border:0;background:transparent;color:#617168;border-radius:12px;padding:10px 8px;font-weight:800}
  .phone-auth-tabs button.active{background:#fff;color:var(--forest);box-shadow:0 4px 12px rgba(20,61,46,.08)}
  .authbox[data-auth-mode="login"] #signupFields,
  .authbox[data-auth-mode="login"] #signupRoleFields,
  .authbox[data-auth-mode="login"] #signupBtn{display:none!important}
  .authbox[data-auth-mode="signup"] #loginBtn{display:none!important}
  .authbox[data-auth-mode="login"] #loginBtn{display:block!important}
}

/* Header connecté */
.v43-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.v43-user-head{display:flex;align-items:center;gap:12px;min-width:0}
.v43-user-copy{min-width:0}
.v43-subline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:3px}
.v43-header-avatar{border:0;overflow:hidden;flex:0 0 auto;cursor:pointer}
.v43-header-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.v43-top-actions{display:flex;align-items:center;gap:9px;flex-wrap:nowrap}
.v43-notif-button{
  width:46px;height:46px;border:1px solid var(--line);border-radius:15px;
  background:#fff;display:grid;place-items:center;position:relative;font-size:20px;
  box-shadow:0 5px 16px rgba(17,61,45,.06)
}
.v43-notif-badge{
  position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;
  border-radius:999px;background:#e94f4f;color:#fff;font-size:10px;font-weight:900;
  display:grid;place-items:center;border:2px solid #fff
}
.v43-notif-badge.hidden{display:none!important}

/* Deux statistiques seulement sur l'accueil */
.v43-home-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* Formulaire événement simplifié */
.v43-date-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v43-field{min-width:0}
.v43-field .sectionlabel{margin-top:0}
.v43-event-help{padding:10px 12px;background:#eef5f0;border-radius:12px;color:#587066;font-size:12px;margin:9px 0 12px}
.v43-event-help b{color:var(--forest)}

/* Notifications */
.v43-notification-row{cursor:pointer}
.v43-notification-row:hover{border-color:#bfd7c7}
.v43-notification-icon{font-size:22px;width:34px;text-align:center;flex:0 0 auto}
.v43-notification-main{flex:1;min-width:0}
.v43-toast{
  position:fixed;right:18px;top:18px;z-index:11000;max-width:min(420px,calc(100vw - 36px));
  background:#123f31;color:#fff;border-radius:16px;padding:13px 15px;
  box-shadow:0 18px 45px rgba(0,0,0,.22);transform:translateY(-130%);opacity:0;
  transition:.24s ease
}
.v43-toast.show{transform:translateY(0);opacity:1}
.v43-toast b{display:block;margin-bottom:3px}
.v43-toast small{color:#d9e8e1}

/* Les unités restent dans le moteur mais ne sont plus mises en avant visuellement. */
.unitbadge{display:none!important}

@media(max-width:700px){
  .v43-top{align-items:flex-start}
  .v43-user-head{gap:10px}
  .v43-header-avatar{width:48px!important;height:48px!important}
  .v43-top-actions{gap:6px}
  .v43-top-actions .groupbtn{max-width:128px}
  .v43-notif-button{width:43px;height:43px;border-radius:14px}
  .v43-subline #headerCategory{display:none}
  .v43-date-time-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
  .v43-date-time-grid{grid-template-columns:1fr}
  .v43-user-copy .title{font-size:22px}
  .v43-top-actions .groupbtn{max-width:105px}
}