@import url("silalink-plan-page.css");
@import url("silalink-delivery-settings-compact.css");

/*
 * SilaLink Admin Full Bleed
 * Corrige les anciens wrappers centrés et aligne les pages directement sous le header.
 */
:root{
  --sl-fullbleed-gap:8px;
}

body.sl-admin-ui .page-container{
  width:100%!important;
  max-width:none!important;
}

body.sl-admin-ui .page-container .main-content,
body.sl-admin-ui main.main-content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-top:calc(var(--sl-admin-header,64px) + var(--sl-fullbleed-gap))!important;
  padding-left:var(--sl-unified-gutter,18px)!important;
  padding-right:var(--sl-unified-gutter,18px)!important;
}

/* Neutralise les anciens conteneurs centrés et leurs espacements supérieurs. */
body.sl-admin-ui .main-content > *,
body.sl-admin-ui .main-content > .container,
body.sl-admin-ui .main-content > .container-fluid,
body.sl-admin-ui .main-content > [class*="container"],
body.sl-admin-ui .main-content > [class$="-page"],
body.sl-admin-ui .main-content > [class*="-page "],
body.sl-admin-ui .main-content > .content-wrapper,
body.sl-admin-ui .main-content > .page-content,
body.sl-admin-ui .main-content > .sl-admin-page{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Tous les wrappers de page commencent au même niveau et n'ajoutent plus de gouttière interne. */
body.sl-admin-ui .main-content > [class$="-page"],
body.sl-admin-ui .main-content > [class*="-page "],
body.sl-admin-ui .main-content > .sl-admin-page,
body.sl-admin-ui .main-content > .content-wrapper,
body.sl-admin-ui .main-content > .page-content,
body.sl-admin-ui .main-content > .audit-page{
  padding-top:0!important;
  padding-left:0!important;
  padding-right:0!important;
  margin-top:0!important;
}

body.sl-admin-ui .main-content > .container,
body.sl-admin-ui .main-content > .container-fluid,
body.sl-admin-ui .main-content > [class*="container"]{
  padding-left:0!important;
  padding-right:0!important;
}

body.sl-admin-ui .main-content > *:first-child,
body.sl-admin-ui .main-content > *:first-child > *:first-child{
  margin-top:0!important;
}

/* En-têtes larges avec coins légèrement arrondis : l'espace latéral devient volontaire. */
body.sl-admin-ui .main-content .sl-admin-hero,
body.sl-admin-ui .main-content .sl-hero-card,
body.sl-admin-ui .main-content .mk-hero,
body.sl-admin-ui .main-content .wa-hero,
body.sl-admin-ui .main-content .modules-hero,
body.sl-admin-ui .main-content .delivery-hero,
body.sl-admin-ui .main-content .drivers-hero,
body.sl-admin-ui .main-content .page-hero,
body.sl-admin-ui .main-content .audit-hero,
body.sl-admin-ui .main-content [class$="-hero"]{
  position:relative!important;
  left:calc(-1 * var(--sl-unified-gutter,18px))!important;
  width:calc(100% + (2 * var(--sl-unified-gutter,18px)))!important;
  max-width:none!important;
  margin-top:0!important;
  margin-left:0!important;
  margin-right:0!important;
  border-radius:10px!important;
  overflow:hidden!important;
}

/* La première section après l'en-tête garde seulement un petit rythme vertical. */
body.sl-admin-ui .main-content .sl-admin-hero + *,
body.sl-admin-ui .main-content .sl-hero-card + *,
body.sl-admin-ui .main-content .audit-hero + *,
body.sl-admin-ui .main-content [class$="-hero"] + *{
  margin-top:12px!important;
}

@media (max-width:991.98px){
  :root{--sl-fullbleed-gap:5px}
  body.sl-admin-ui .main-content .sl-admin-hero,
  body.sl-admin-ui .main-content .sl-hero-card,
  body.sl-admin-ui .main-content .mk-hero,
  body.sl-admin-ui .main-content .wa-hero,
  body.sl-admin-ui .main-content .modules-hero,
  body.sl-admin-ui .main-content .delivery-hero,
  body.sl-admin-ui .main-content .drivers-hero,
  body.sl-admin-ui .main-content .page-hero,
  body.sl-admin-ui .main-content .audit-hero,
  body.sl-admin-ui .main-content [class$="-hero"]{
    border-radius:8px!important;
  }
}