:root{
  --bg-main:var(--light-color);
  --bg-surface:var(--surface-color);
  --border:var(--border-color);
  --text:var(--text-primary, var(--dark-color));
  --text-muted:var(--text-muted, var(--muted-color));
  --text-soft:var(--text-secondary, var(--muted-color));
  --shadow-sm:none;
  --shadow-md:none;
  --ds-card-radius:0px;
  --surface-color:var(--bg-surface);
  --border-color:var(--border);
}

body.ui-compact{
  background:var(--bg-main);
  color:var(--text);
  --sidebar-width: 259px;
}

body.ui-compact{
  --neutral-900:var(--text);
  --neutral-800:var(--text);
  --neutral-700:var(--text-soft);
  --neutral-600:var(--text-muted);
  --neutral-500:var(--text-muted);
  --neutral-100:transparent;
}

body.ui-compact .sidebar,
body.ui-compact .topbar,
body.ui-compact .main-content{
  background:transparent;
}

body.ui-compact .main-content{
  padding-inline:0;
}

body.ui-compact .sidebar{
  background:var(--bg-surface);
  border-right:1px solid var(--border);
}

body.ui-compact div#sidebar.sidebar{
  width:259px;
}

body.ui-compact .topbar.topbar-md{
  background:var(--bg-surface);
  border-bottom:1px solid var(--border);
}

body.ui-compact .topbar-md__title{
  color:var(--text);
}

body.ui-compact .page-content{
  background:var(--bg-surface);
  border-top:0;
  padding:0 18px 16px;
}

body.ui-compact .bl-page{
  gap:16px;
}

body.ui-compact .bl-page-header{
  background:transparent;
  border-bottom:0;
  padding:0;
}

body.ui-compact .bl-page-header__title{
  color:var(--text);
}

body.ui-compact .bl-page-header__subtitle{
  color:var(--text-muted);
}

body.ui-compact .bl-content-card{
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}

body.ui-compact .bl-content-card__body{
  padding:0;
}

body.ui-compact .bl-kpi-strip{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px;
  padding:12px 0;
  border-bottom:1px solid var(--border);
}

body.ui-compact .bl-kpi{
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  min-height:auto;
}

body.ui-compact .bl-kpi__icon{
  background:transparent;
  border:1px solid var(--border);
  color:var(--text-soft);
}

body.ui-compact .bl-kpi__label{
  color:var(--text-muted);
}

body.ui-compact .bl-kpi__value{
  color:var(--text);
}

body.ui-compact .bl-kpi__meta{
  color:var(--text-muted);
}

body.ui-compact .bl-toolbar{
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  margin:0;
  gap:10px;
}

body.ui-compact .table-responsive{
  border:0;
  border-radius:0;
  background:transparent;
}

body.ui-compact .table thead th{
  background:transparent;
  color:var(--text-muted);
  border-bottom:1px solid var(--border);
}

body.ui-compact .table tbody td{
  color:var(--text);
  border-bottom:1px solid var(--border);
}

body.ui-compact .table tbody tr:hover>*{
  background:rgba(11,18,32,.04);
}

body.ui-compact .sidebar-menu .sidebar-section{
  color:var(--text-muted);
}

body.ui-compact .sidebar-menu .nav-link{
  color:var(--text-soft);
}

body.ui-compact .sidebar-menu .nav-link:hover{
  background:rgba(11,18,32,.04);
}

body.ui-compact .sidebar-menu .nav-link.active{
  background:rgba(5,91,101,.10);
  color:var(--text);
  box-shadow:none;
}

body.ui-compact .btn-outline-secondary{
  border-color:var(--border);
  color:var(--text-soft);
}

body.ui-compact .btn-outline-secondary:hover{
  background:rgba(11,18,32,.04);
  border-color:rgba(11,18,32,.12);
  color:var(--text);
}

body.ui-compact .text-muted{
  color:var(--text-muted)!important;
}

body.ui-compact .text-dark{
  color:var(--text)!important;
}

body.ui-compact .border,
body.ui-compact .border-top,
body.ui-compact .border-bottom,
body.ui-compact .border-start,
body.ui-compact .border-end{
  border-color:var(--border)!important;
}

body.ui-compact .bg-light{
  background:transparent!important;
}

body.ui-compact .form-control,
body.ui-compact .form-select,
body.ui-compact .input-group-text{
  background:var(--input-bg, var(--bg-surface));
  border-color:var(--input-border, var(--border));
  color:var(--input-text, var(--text));
}

body.ui-compact .form-control::placeholder{
  color:var(--input-placeholder, var(--text-muted));
  opacity:1;
}