/*
 * SilaLink Admin Unified
 * Couche visuelle globale : pleine largeur, en-têtes cohérents et surfaces allégées.
 * Aucune logique métier n'est modifiée.
 */
:root{
  --sl-unified-blue:#2454d8;
  --sl-unified-blue-deep:#17337f;
  --sl-unified-blue-soft:#eef4ff;
  --sl-unified-bg:#f3f6fa;
  --sl-unified-surface:#fff;
  --sl-unified-line:#e1e7ef;
  --sl-unified-line-soft:#edf1f6;
  --sl-unified-ink:#172033;
  --sl-unified-muted:#69778d;
  --sl-unified-radius:9px;
  --sl-unified-radius-sm:7px;
  --sl-unified-gutter:18px;
}

html,body{background:var(--sl-unified-bg)!important}
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-left:var(--sl-unified-gutter)!important;
  padding-right:var(--sl-unified-gutter)!important;
}
body.sl-admin-ui .main-content>.container,
body.sl-admin-ui .main-content>.container-fluid,
body.sl-admin-ui .main-content>.container-sm,
body.sl-admin-ui .main-content>.container-md,
body.sl-admin-ui .main-content>.container-lg,
body.sl-admin-ui .main-content>.container-xl,
body.sl-admin-ui .main-content>.container-xxl,
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{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* En-têtes de page : une seule identité visuelle */
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 [class$="-hero"]{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0 0 16px!important;
  padding:20px 22px!important;
  border:0!important;
  border-radius:10px!important;
  background:linear-gradient(115deg,var(--sl-unified-blue-deep),var(--sl-unified-blue))!important;
  box-shadow:none!important;
  color:#fff!important;
}
body.sl-admin-ui .main-content .sl-admin-hero h1,
body.sl-admin-ui .main-content .sl-admin-hero h2,
body.sl-admin-ui .main-content .sl-hero-card h1,
body.sl-admin-ui .main-content .sl-hero-card h2,
body.sl-admin-ui .main-content [class$="-hero"] h1,
body.sl-admin-ui .main-content [class$="-hero"] h2,
body.sl-admin-ui .main-content [class$="-hero"] h3{
  color:#fff!important;
  margin-top:0!important;
}
body.sl-admin-ui .main-content .sl-admin-hero p,
body.sl-admin-ui .main-content .sl-admin-hero small,
body.sl-admin-ui .main-content .sl-hero-card p,
body.sl-admin-ui .main-content [class$="-hero"] p,
body.sl-admin-ui .main-content [class$="-hero"] small{
  color:rgba(255,255,255,.82)!important;
}
body.sl-admin-ui .main-content .sl-admin-eyebrow,
body.sl-admin-ui .main-content .sl-eyebrow,
body.sl-admin-ui .main-content [class$="-hero"] .eyebrow,
body.sl-admin-ui .main-content [class$="-hero"] [class*="eyebrow"]{
  color:#cfe0ff!important;
}
body.sl-admin-ui .main-content [class$="-hero"] .btn,
body.sl-admin-ui .main-content [class$="-hero"] button,
body.sl-admin-ui .main-content [class$="-hero"] a[class*="btn"],
body.sl-admin-ui .main-content .sl-admin-hero .sl-admin-btn-soft,
body.sl-admin-ui .main-content .sl-hero-card .sl-btn-soft{
  border-color:rgba(255,255,255,.72)!important;
  background:#fff!important;
  color:#172033!important;
  box-shadow:none!important;
}

/* Surfaces principales plus plates */
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,
body.sl-admin-ui .main-content .sl-catalog-panel,
body.sl-admin-ui .main-content .mk-card,
body.sl-admin-ui .main-content .wa-card,
body.sl-admin-ui .main-content .module-card{
  border:1px solid var(--sl-unified-line)!important;
  border-radius:var(--sl-unified-radius)!important;
  background:var(--sl-unified-surface)!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,
body.sl-admin-ui .main-content .sl-panel-head{
  padding:15px 17px!important;
  border-bottom:1px solid var(--sl-unified-line-soft)!important;
  border-radius:0!important;
  background:#fff!important;
}
body.sl-admin-ui .main-content .card-body,
body.sl-admin-ui .main-content .sl-admin-card-body,
body.sl-admin-ui .main-content .panel-body{
  padding:17px!important;
}

/* Les blocs imbriqués deviennent de simples sections */
body.sl-admin-ui .main-content .card .card,
body.sl-admin-ui .main-content .card-body>.card,
body.sl-admin-ui .main-content .sl-admin-card .sl-admin-card,
body.sl-admin-ui .main-content .sl-admin-card-body>.sl-admin-card,
body.sl-admin-ui .main-content .panel .panel,
body.sl-admin-ui .main-content .panel-body>.panel,
body.sl-admin-ui .main-content .well .well,
body.sl-admin-ui .main-content section section{
  margin:0!important;
  padding:15px 0!important;
  border:0!important;
  border-bottom:1px solid var(--sl-unified-line-soft)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.sl-admin-ui .main-content .card .card:last-child,
body.sl-admin-ui .main-content .sl-admin-card .sl-admin-card:last-child,
body.sl-admin-ui .main-content .panel .panel:last-child,
body.sl-admin-ui .main-content section section:last-child{
  border-bottom: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,
body.sl-admin-ui .main-content .panel-body .panel-body{
  padding:0!important;
}

/* KPI et petits encarts : compacts, sans effet poupées russes */
body.sl-admin-ui .main-content .sl-admin-stat,
body.sl-admin-ui .main-content .sl-kpi-card,
body.sl-admin-ui .main-content .mk-kpi,
body.sl-admin-ui .main-content .mk-module-stat,
body.sl-admin-ui .main-content .wa-stat,
body.sl-admin-ui .main-content .info-card,
body.sl-admin-ui .main-content .stat-card{
  border:1px solid var(--sl-unified-line)!important;
  border-radius:var(--sl-unified-radius-sm)!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.sl-admin-ui .main-content .sl-admin-toolbar,
body.sl-admin-ui .main-content .sl-toolbar,
body.sl-admin-ui .main-content .toolbar{
  padding:12px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

/* Formulaires */
body.sl-admin-ui .main-content .form-control,
body.sl-admin-ui .main-content .form-select,
body.sl-admin-ui .main-content input[type="text"],
body.sl-admin-ui .main-content input[type="email"],
body.sl-admin-ui .main-content input[type="tel"],
body.sl-admin-ui .main-content input[type="number"],
body.sl-admin-ui .main-content input[type="password"],
body.sl-admin-ui .main-content input[type="date"],
body.sl-admin-ui .main-content select,
body.sl-admin-ui .main-content textarea{
  border-radius:var(--sl-unified-radius-sm)!important;
  box-shadow:none!important;
}
body.sl-admin-ui .main-content .btn,
body.sl-admin-ui .main-content button,
body.sl-admin-ui .main-content [class*="-btn"]{
  border-radius:var(--sl-unified-radius-sm)!important;
  box-shadow:none!important;
}

/* Tableaux et listes */
body.sl-admin-ui .main-content .table-responsive,
body.sl-admin-ui .main-content .sl-admin-table-wrap{
  width:100%!important;
  border:1px solid var(--sl-unified-line)!important;
  border-radius:var(--sl-unified-radius)!important;
  box-shadow:none!important;
}
body.sl-admin-ui .main-content table thead th{
  background:#f7f9fc!important;
}
body.sl-admin-ui .main-content table tbody tr:last-child td{
  border-bottom:0!important;
}
body.sl-admin-ui .main-content .list-group,
body.sl-admin-ui .main-content [class*="-list"]{
  box-shadow:none!important;
}
body.sl-admin-ui .main-content .list-group-item{
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
}

@media (min-width:1600px){
  :root{--sl-unified-gutter:22px}
}
@media (max-width:991.98px){
  :root{--sl-unified-gutter:10px}
  body.sl-admin-ui .main-content .sl-admin-hero,
  body.sl-admin-ui .main-content .sl-hero-card,
  body.sl-admin-ui .main-content [class$="-hero"]{
    padding:17px 15px!important;
    border-radius:8px!important;
  }
}