/* KeystoneCore Modern Light SaaS (Bootstrap-friendly) */
/* Loaded after Huraga entry */
:root{
  --kc-bg:#f6f8fc;
  --kc-surface:#ffffff;
  --kc-surface-2:#fbfcff;
  --kc-border:#e7edf5;
  --kc-text:#0f172a;
  --kc-muted:#64748b;
  --kc-primary:#2563eb;
  --kc-primary-600:#1d4ed8;
  --kc-ring:rgba(37,99,235,.18);
  --kc-radius:14px;
  --kc-radius-sm:12px;
  --kc-shadow:0 18px 45px rgba(15,23,42,.08);
  --kc-shadow-sm:0 10px 25px rgba(15,23,42,.06);
}

/* Base */
html,body{height:100%;}
body{
  background:var(--kc-bg) !important;
  color:var(--kc-text) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Layout spacing */
body .container > header{margin-top:18px;}
body .container{max-width:1200px;}
/* Remove nested container harshness */
body .container .container{padding-left:0; padding-right:0;}

/* Navbar */
.navbar{
  background:var(--kc-surface) !important;
  border:1px solid var(--kc-border) !important;
  border-radius:var(--kc-radius) !important;
  box-shadow:var(--kc-shadow-sm) !important;
}
.navbar .navbar-brand img{filter: none;}
.navbar .navbar-brand span{
  font-weight:800;
  letter-spacing:.2px;
}
.navbar .nav-link{
  color:var(--kc-muted) !important;
  font-weight:600;
}
.navbar .nav-link:hover{color:var(--kc-text) !important;}
.navbar .dropdown-toggle{
  border-radius:999px !important;
}

/* Sidebar (left menu) */
#sidebarMenu, .offcanvas-md#sidebarMenu{
  background:var(--kc-surface) !important;
  border:1px solid var(--kc-border) !important;
  border-radius:var(--kc-radius) !important;
  box-shadow:var(--kc-shadow-sm) !important;
}
#sidebarMenu .nav-link{
  border-radius:12px !important;
  padding:10px 12px !important;
  color:var(--kc-muted) !important;
  font-weight:650 !important;
}
#sidebarMenu .nav-link:hover{
  background:rgba(37,99,235,.08) !important;
  color:var(--kc-text) !important;
}
#sidebarMenu .nav-link.active,
#sidebarMenu .nav-link[aria-current="page"]{
  background:rgba(37,99,235,.12) !important;
  border:1px solid rgba(37,99,235,.18) !important;
  color:var(--kc-primary) !important;
}
#sidebarMenu .svg-icon{width:18px;height:18px; opacity:.9;}

/* Content block */
.content-block{
  background:transparent !important;
}

/* Cards / alerts */
.card, .alert, .breadcrumb, .table, .modal-content, .dropdown-menu{
  border-radius:var(--kc-radius) !important;
}
.card{
  border:1px solid var(--kc-border) !important;
  box-shadow:var(--kc-shadow-sm) !important;
}
.card-header{
  background:var(--kc-surface) !important;
  border-bottom:1px solid var(--kc-border) !important;
  font-weight:800 !important;
}
.alert{
  border:1px solid var(--kc-border) !important;
  box-shadow:var(--kc-shadow-sm) !important;
}

/* Buttons */
.btn{
  border-radius:12px !important;
  font-weight:700 !important;
}
.btn-primary{
  background:var(--kc-primary) !important;
  border-color:var(--kc-primary) !important;
}
.btn-primary:hover{
  background:var(--kc-primary-600) !important;
  border-color:var(--kc-primary-600) !important;
}
.btn-outline-primary{
  border-color:rgba(37,99,235,.35) !important;
}

/* Inputs */
.form-control, .form-select{
  border-radius:12px !important;
  border-color:var(--kc-border) !important;
  background:var(--kc-surface) !important;
}
.form-control:focus, .form-select:focus{
  border-color:rgba(37,99,235,.45) !important;
  box-shadow:0 0 0 .25rem var(--kc-ring) !important;
}

/* Tables */
.table{
  border-color:var(--kc-border) !important;
}
.table thead th{
  color:var(--kc-muted) !important;
  font-weight:800 !important;
  border-bottom:1px solid var(--kc-border) !important;
}
.table tbody td{
  border-top:1px solid var(--kc-border) !important;
}

/* Breadcrumb */
.breadcrumb{
  background:var(--kc-surface) !important;
  border:1px solid var(--kc-border) !important;
  box-shadow:var(--kc-shadow-sm) !important;
  padding:12px 14px !important;
}

/* Footer */
#footer{
  background:transparent !important;
  color:var(--kc-muted) !important;
}

/* Sidebar collapse (desktop) */
.kc-sidebar-collapsed .col-3.d-none.d-md-block{
  width:88px !important;
  flex:0 0 88px !important;
}
.kc-sidebar-collapsed .col-12.col-md-9{
  width:calc(100% - 88px) !important;
  flex:0 0 calc(100% - 88px) !important;
}
.kc-sidebar-collapsed #sidebarMenu .nav-link{
  justify-content:center !important;
}
.kc-sidebar-collapsed #sidebarMenu .nav-link .svg-icon{margin:0 !important;}
.kc-sidebar-collapsed #sidebarMenu .nav-link{gap:0 !important;}
.kc-sidebar-collapsed #sidebarMenu .nav-link span,
.kc-sidebar-collapsed #sidebarMenu .nav-link:not(:has(svg)) {
  /* best effort - keep text hidden if wrapped */
}
.kc-sidebar-collapsed #sidebarMenu .nav-link{
  position:relative;
}
.kc-sidebar-collapsed #sidebarMenu .nav-link{
  overflow:hidden;
}
.kc-sidebar-collapsed #sidebarMenu .nav-link{
  white-space:nowrap;
}
.kc-sidebar-collapsed #sidebarMenu .nav-link{
  padding:10px 10px !important;
}
.kc-sidebar-collapsed #sidebarMenu .nav-link{
  text-indent:-9999px;
}
.kc-sidebar-collapsed #sidebarMenu .nav-link .svg-icon{
  text-indent:0;
  display:inline-block;
}

/* Toggle button */
.kc-toggle{
  border:1px solid var(--kc-border);
  background:var(--kc-surface);
  border-radius:12px;
  padding:8px 10px;
  line-height:0;
  margin-right:10px;
}
.kc-toggle:hover{
  background:var(--kc-surface-2);
}