/*
 * SilaLink Admin Wide — 2026-07-17
 * Layout global plus lisible : navigation confortable, contenu pleine largeur
 * et surfaces imbriquées visuellement allégées.
 */

:root{
  --sl-admin-sidebar:272px;
  --sl-admin-content-gutter:20px;
  --sl-admin-flat-radius:14px;
  --sl-admin-flat-line:#e6ebf2;
}

html,body{max-width:100%;overflow-x:hidden}

@media (min-width:1600px){
  :root{
    --sl-admin-sidebar:288px;
    --sl-admin-content-gutter:24px;
  }
}

@media (min-width:1200px) and (max-width:1599.98px){
  :root{--sl-admin-sidebar:272px}
}

@media (min-width:992px) and (max-width:1199.98px){
  :root{
    --sl-admin-sidebar:248px;
    --sl-admin-content-gutter:16px;
  }
}

body.sl-admin-ui .header .logo,
body.sl-admin-ui .side-nav{
  width:var(--sl-admin-sidebar)!important;
  max-width:var(--sl-admin-sidebar)!important;
}

body.sl-admin-ui .header .logo>a p{
  max-width:calc(var(--sl-admin-sidebar) - 72px)!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.15!important;
}

body.sl-admin-ui .side-nav,
body.sl-admin-ui .side-nav .side-nav-inner,
body.sl-admin-ui .side-nav .side-nav-inner .side-nav-menu{
  overflow-x:hidden!important;
}

body.sl-admin-ui .side-nav .side-nav-inner .side-nav-menu{
  padding-left:10px!important;
  padding-right:10px!important;
}

body.sl-admin-ui .side-nav-menu>.nav-item>.nav-link,
body.sl-admin-ui .side-nav-menu>.nav-item>.dropdown-toggle{
  min-height:44px!important;
  padding:7px 34px 7px 9px!important;
  align-items:center!important;
}

body.sl-admin-ui .side-nav-menu>.nav-item>a>.title,
body.sl-admin-ui .side-nav-menu .dropdown-menu>li.dropdown>.dropdown-toggle>.title{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  line-height:1.22!important;
}

body.sl-admin-ui .side-nav-menu .dropdown-menu>li>a{
  min-height:37px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

body.sl-admin-ui .side-nav-menu .dropdown-menu .dropdown-menu>li>a{
  padding-left:18px!important;
}

@media (min-width:992px){
  body.sl-admin-ui .is-folded .header .logo,
  body.sl-admin-ui .is-folded .side-nav{
    width:var(--sl-admin-sidebar-folded)!important;
    max-width:var(--sl-admin-sidebar-folded)!important;
  }

  body.sl-admin-ui .is-folded .side-nav:hover{
    width:var(--sl-admin-sidebar)!important;
    max-width:var(--sl-admin-sidebar)!important;
  }

  body.sl-admin-ui .is-folded .page-container{
    padding-left:var(--sl-admin-sidebar-folded)!important;
  }
}

body.sl-admin-ui .page-container{
  width:100%!important;
  max-width:none!important;
  padding-left:var(--sl-admin-sidebar)!important;
  box-sizing:border-box!important;
}

body.sl-admin-ui .page-container .main-content,
body.sl-admin-ui main.main-content{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:var(--sl-admin-content-gutter)!important;
  padding-right:var(--sl-admin-content-gutter)!important;
  box-sizing:border-box!important;
}

body.sl-admin-ui .page-container .main-content>.container,
body.sl-admin-ui .page-container .main-content>.container-fluid,
body.sl-admin-ui .page-container .main-content>.container-sm,
body.sl-admin-ui .page-container .main-content>.container-md,
body.sl-admin-ui .page-container .main-content>.container-lg,
body.sl-admin-ui .page-container .main-content>.container-xl,
body.sl-admin-ui .page-container .main-content>.container-xxl,
body.sl-admin-ui .page-container .main-content .sl-admin-page,
body.sl-admin-ui .page-container .main-content .content-wrapper,
body.sl-admin-ui .page-container .main-content .page-content{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

body.sl-admin-ui .page-container .main-content>.container,
body.sl-admin-ui .page-container .main-content>.container-fluid,
body.sl-admin-ui .page-container .main-content>.container-sm,
body.sl-admin-ui .page-container .main-content>.container-md,
body.sl-admin-ui .page-container .main-content>.container-lg,
body.sl-admin-ui .page-container .main-content>.container-xl,
body.sl-admin-ui .page-container .main-content>.container-xxl{
  padding-left:0!important;
  padding-right:0!important;
}

body.sl-admin-ui .main-content .table-responsive,
body.sl-admin-ui .main-content .sl-admin-table-wrap,
body.sl-admin-ui .main-content table{
  max-width:100%!important;
}

body.sl-admin-ui .main-content .table-responsive,
body.sl-admin-ui .main-content .sl-admin-table-wrap{
  width:100%!important;
  overflow-x:auto!important;
}

body.sl-admin-ui main.main-content[class],
body.sl-admin-ui main.main-content>[class$="-page"],
body.sl-admin-ui main.main-content>[class*="-page "]{
  max-width:none!important;
}

body.sl-admin-ui .main-content .card,
body.sl-admin-ui .main-content .sl-admin-card,
body.sl-admin-ui .main-content .panel,
body.sl-admin-ui .main-content .well{
  border-color:var(--sl-admin-flat-line)!important;
  border-radius:var(--sl-admin-flat-radius)!important;
  box-shadow:none!important;
}

body.sl-admin-ui .main-content .card-header,
body.sl-admin-ui .main-content .sl-admin-card-head,
body.sl-admin-ui .main-content .panel-heading{
  background:#fff!important;
  border-bottom-color:#edf1f6!important;
}

body.sl-admin-ui .main-content .card .card,
body.sl-admin-ui .main-content .sl-admin-card .sl-admin-card,
body.sl-admin-ui .main-content .card-body>.card,
body.sl-admin-ui .main-content .panel-body>.panel,
body.sl-admin-ui .main-content .well .well{
  margin-top:10px!important;
  margin-bottom:10px!important;
  border:0!important;
  border-radius:11px!important;
  background:#f8fafc!important;
  box-shadow:none!important;
}

body.sl-admin-ui .main-content .card .card .card,
body.sl-admin-ui .main-content .sl-admin-card .sl-admin-card .sl-admin-card{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

body.sl-admin-ui .main-content .card-body .card-body,
body.sl-admin-ui .main-content .sl-admin-card-body .sl-admin-card-body{
  padding:13px!important;
}

body.sl-admin-ui .main-content .card-deck,
body.sl-admin-ui .main-content .card-group{
  gap:12px!important;
}

body.sl-admin-ui .main-content .sl-admin-hero,
body.sl-admin-ui .main-content .mk-hero,
body.sl-admin-ui .main-content .wa-hero,
body.sl-admin-ui .main-content .modules-hero{
  box-shadow:none!important;
}

body.sl-admin-ui .main-content .mk-card,
body.sl-admin-ui .main-content .wa-card,
body.sl-admin-ui .main-content .module-card,
body.sl-admin-ui .main-content .mk-kpi,
body.sl-admin-ui .main-content .mk-module-main,
body.sl-admin-ui .main-content .mk-module-stat,
body.sl-admin-ui .main-content .wa-account-main,
body.sl-admin-ui .main-content .wa-stat{
  box-shadow:none!important;
}

body.sl-admin-ui .main-content .card-body>section+section,
body.sl-admin-ui .main-content .sl-admin-card-body>section+section{
  margin-top:18px!important;
  padding-top:18px!important;
  border-top:1px solid #edf1f6!important;
}

@media (max-width:991.98px){
  :root{--sl-admin-content-gutter:11px}

  body.sl-admin-ui .page-container{
    padding-left:0!important;
  }

  body.sl-admin-ui .side-nav,
  body.sl-admin-ui .side-nav .side-nav-inner{
    width:min(88vw,300px)!important;
    max-width:min(88vw,300px)!important;
  }

  body.sl-admin-ui .page-container .main-content,
  body.sl-admin-ui main.main-content{
    padding-left:var(--sl-admin-content-gutter)!important;
    padding-right:var(--sl-admin-content-gutter)!important;
  }
}