/* mySKN CRM — utility shims for classes not present in the purged Metronic build */
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.z-50{z-index:50}
.inset-0{inset:0}
.overflow-y-auto{overflow-y:auto}
.overflow-x-auto{overflow-x:auto}
.max-w-\[260px\]{max-width:260px}
.max-w-\[640px\]{max-width:640px}
.bg-card{background-color:var(--card)}
.bg-black\/50{background-color:rgba(0,0,0,.5)}
.bg-background\/90{background-color:color-mix(in oklch, var(--background) 90%, transparent)}
.text-success{color:var(--color-green-600)}
.text-warning{color:var(--color-yellow-600)}
@media (min-width:640px){.sm\:col-span-2{grid-column:span 2 / span 2}}
@media (min-width:1024px){.lg\:py-8{padding-top:2rem;padding-bottom:2rem}}

/* --- auth + layout pages --- */
.kt-checkbox-label{font-size:.8125rem;line-height:1.25rem;color:var(--foreground)}
.max-w-\[400px\]{max-width:400px}
.max-w-\[360px\]{max-width:360px}
.max-w-\[160px\]{max-width:160px}
.max-w-\[180px\]{max-width:180px}
.max-w-\[480px\]{max-width:480px}
.max-w-\[560px\]{max-width:560px}
.max-w-\[760px\]{max-width:760px}
.text-6xl{font-size:3.75rem;line-height:1}
.text-white\/80{color:rgba(255,255,255,.8)}
.z-30{z-index:30}
.leading-tight{line-height:1.25}
.list-none{list-style:none}
summary::-webkit-details-marker{display:none}
.p-6{padding:1.5rem}
.mt-1\.5{margin-top:.375rem}

/* --- sidebar layout (v1.3) --- */
.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:40;display:flex;flex-direction:column;
  background:var(--background);border-right:1px solid var(--border);transition:width .2s ease, transform .2s ease}
.app-main{margin-left:260px;transition:margin-left .2s ease;display:flex;flex-direction:column;min-height:100vh}
.app-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:35;display:none}
.app-backdrop.open{display:block}
/* desktop collapsed (icon rail) */
html.sidebar-collapsed .app-sidebar{width:74px}
html.sidebar-collapsed .app-main{margin-left:74px}
html.sidebar-collapsed .nav-label,
html.sidebar-collapsed .nav-heading,
html.sidebar-collapsed .brand-text,
html.sidebar-collapsed .nav-soon{display:none}
html.sidebar-collapsed .app-sidebar .nav-link{justify-content:center}
/* mobile: off-canvas */
@media (max-width:1023px){
  .app-sidebar{transform:translateX(-100%)}
  .app-sidebar.open{transform:translateX(0)}
  .app-main{margin-left:0 !important}
}
@media (min-width:1024px){ .app-backdrop{display:none !important} }
.rounded-2xl{border-radius:1rem}
.tracking-wide{letter-spacing:.025em}
.object-cover{object-fit:cover}