/*! Devioz Apple Skin (replacement for Color Admin app.min.css) */
:root{
  --app-header-h:60px;
  --sidebar-w:240px;
  --sidebar-w-min:72px;
  --apple-card-radius:14px;
  --apple-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06);
  --apple-shadow-sm:0 1px 2px rgba(0,0,0,.05),0 4px 12px rgba(0,0,0,.06);
  --apple-border:#e5e7eb;
  --apple-muted:#6b7280;
  --apple-primary:#111827;
}
html,body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
body{color:#111827;background:#fff;overflow-y:auto}

/* ================= Header ================= */
.app-header{backdrop-filter:saturate(180%) blur(8px);background:rgba(255,255,255,.9)}
.app-header .navbar-brand b{color:#111827}
.app-header .form-control{border-radius:999px;border-color:var(--apple-border)}
.navbar-mobile-toggler{border:0;background:transparent;padding:.25rem .5rem}
.navbar-mobile-toggler .icon-bar{display:block;width:18px;height:2px;background:#111;border-radius:2px}
.navbar-mobile-toggler .icon-bar+.icon-bar{margin-top:3px}

/* ================= Cards ================= */
.card{border:1px solid var(--apple-border);border-radius:var(--apple-card-radius);box-shadow:var(--apple-shadow-sm)}
.card.border-0{border-color:transparent;box-shadow:var(--apple-shadow)}
.card .card-body{color:#0f172a}

/* ================= Breadcrumb & page header ================= */
.breadcrumb{font-size:.875rem}
.breadcrumb .breadcrumb-item+.breadcrumb-item::before{opacity:.45}
.page-header{letter-spacing:-.01em}

/* ================= Buttons (theme) ================= */
.btn-theme{background:#111827;border-color:#111827;color:#fff}
.btn-theme:hover{background:#0b1220;border-color:#0b1220}

/* ================= Scroll to top ================= */
.btn-scroll-to-top{background:#111827;color:#fff;box-shadow:var(--apple-shadow)}
.btn-scroll-to-top:hover{opacity:.92}

/* ================= Sidebar (Apple tone) ================= */
.app-sidebar{border-right:1px solid rgba(255,255,255,.08)}
.app-sidebar [data-bs-theme="dark"], .app-sidebar[data-bs-theme="dark"]{background:#0f172a}
.app-sidebar .menu-link{border-radius:10px;margin:2px 8px}
.app-sidebar .menu-link .menu-text{font-weight:500}
.app-sidebar .menu-link.active{background:rgba(255,255,255,.10)}
.menu-header{opacity:.7}

/* ===== Minified sidebar ===== */
.app.app-sidebar-minified .app-sidebar{width:var(--sidebar-w-min)}
.app.app-sidebar-minified .app-content{margin-left:var(--sidebar-w-min)}
.app.app-sidebar-minified .menu-text{display:none}
.app.app-sidebar-minified .menu-link{justify-content:center;padding:.625rem 0}
.app.app-sidebar-minified .menu-icon{width:auto}

/* ===== Mobile sidebar show / backdrop ===== */
@media (max-width: 991.98px){
  .app-sidebar{top:var(--app-header-h);transform:translateX(-100%);transition:transform .2s ease}
  .app-sidebar.show{transform:none}
  .app-sidebar-mobile-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);display:none}
  .app-sidebar.show + .app-sidebar-bg + .app-sidebar-mobile-backdrop{display:block}
}

/* ================= Content height ================= */
.app-content{padding-top:1rem;padding-bottom:2rem}

/* ================= Loader ================= */
.app-loader{position:fixed;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:1050}
.app-loader .spinner{width:42px;height:42px;border-radius:50%;border:3px solid #e5e7eb;border-top-color:#111827;animation:spin .75s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ================= Dropdown / menus polish ================= */
.dropdown-menu{border-radius:12px;border:1px solid var(--apple-border);box-shadow:var(--apple-shadow)}
.dropdown-item{border-radius:8px}
.dropdown-item:active,.dropdown-item:focus{background:#f3f4f6;color:#111827}

/* ================= Utilities polish ================= */
.bg-light{background:#f8fafc!important}
.text-muted,.text-body.text-opacity-75{color:var(--apple-muted)!important}
hr{opacity:.12}

/* ================= Ionicons size alignment ================= */
ion-icon{font-size:18px;vertical-align:-3px}
.menu-icon ion-icon{font-size:20px}

/* ================= Sidebar “minify” hover tooltip look (optional) ================= */
.app-sidebar .menu-link[title]{position:relative}

/* ================= Dark sidebar palette ================= */
.app-sidebar[data-bs-theme="dark"] .menu-header{color:#9ca3af}
.app-sidebar[data-bs-theme="dark"] .menu-link{color:#cbd5e1}
.app-sidebar[data-bs-theme="dark"] .menu-link:hover,
.app-sidebar[data-bs-theme="dark"] .menu-link.active{color:#fff}

/* ================= Tables soft look ================= */
.table{border-color:var(--apple-border)}
.table thead th{border-bottom:1px solid var(--apple-border)}
.table> :not(caption)>*>*{background:transparent}

/* ================= Forms ================= */
.form-control, .form-select{border-color:var(--apple-border);border-radius:12px}
.input-group .form-control{border-radius:999px}

/* ================= Badges / labels ================= */
.badge{border-radius:999px}

/* ================= Shadows helpers ================= */
.shadow-apple{box-shadow:var(--apple-shadow)}
.shadow-apple-sm{box-shadow:var(--apple-shadow-sm)}

/* ================= Spacing tweaks for header user dropdown ================= */
.navbar-user img{width:28px;height:28px;border-radius:999px;object-fit:cover}
.navbar-user .dropdown-menu{min-width:240px}

/* ================= Breadcrumb right-align holder ================= */
.float-xl-end{float:right}
@media (max-width:1199.98px){.float-xl-end{float:none}}