/* XAB Override for Kitzanos Control Panel (Vite/Tailwind compiled) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body { font-family: 'Inter', -apple-system, sans-serif !important; }

/* === LAYOUT: Make space for XAB header (56px) + footer (49px) === */
#xab-header { z-index: 9999 !important; }
#xab-footer { z-index: 9999 !important; }
#root { flex: 1; min-height: 0; }

/* Sidebar: fixed, starts below header, stops above footer */
.w-60.fixed.h-full {
  top: 56px !important;
  height: calc(100vh - 56px) !important;
}

/* Main content area: needs no change, ml-60 already handles sidebar offset */
/* But min-h-screen should account for header + footer */
.min-h-screen {
  min-height: calc(100vh - 56px - 49px) !important;
}

/* === COLORS: XAB palette === */
/* Dark backgrounds */
.bg-\[\#0a0e17\] { background-color: #12141F !important; }
.bg-\[\#111827\] { background-color: #1E2138 !important; }

/* Borders */
.border-\[\#2a3650\], .border-\[\#2a3650\]\/30, .border-\[\#2a3650\]\/50 {
  border-color: rgba(123,104,238,0.18) !important;
}

/* Accent blue → XAB purple */
.bg-blue-400, .bg-blue-500, .bg-blue-600 { background-color: #7B68EE !important; }
.text-blue-400 { color: #9B8BFF !important; }
.border-blue-500 { border-color: #7B68EE !important; }
.border-blue-500\/20 { border-color: rgba(123,104,238,0.2) !important; }
.bg-blue-500\/5 { background-color: rgba(123,104,238,0.05) !important; }
.bg-blue-500\/10 { background-color: rgba(123,104,238,0.1) !important; }
.accent-blue-500 { accent-color: #7B68EE !important; }
.hover\:bg-blue-500:hover { background-color: #7B68EE !important; }
.hover\:border-blue-500\/30:hover { border-color: rgba(123,104,238,0.3) !important; }
.focus\:border-blue-500:focus { border-color: #7B68EE !important; }

/* Text muted */
.text-\[\#94a3b8\] { color: #9896B0 !important; }
.text-\[\#4a5568\] { color: #6B6985 !important; }
.text-\[\#e2e8f0\] { color: #E0DFF0 !important; }
.text-\[\#2a3650\] { color: #343858 !important; }

/* Scrollbar */
::-webkit-scrollbar-thumb { background: #343858 !important; }

/* Full-width: remove max-width constraints */
.max-w-\[1400px\] { max-width: none !important; }

/* Login page: also adjust */
.min-h-screen.flex.items-center.justify-center {
  min-height: calc(100vh - 56px - 49px) !important;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
  .w-60.fixed.h-full {
    width: 100% !important;
    position: static !important;
    height: auto !important;
  }
  .ml-60 { margin-left: 0 !important; }
}


/* === FIX: Hide old sidebar brand "KITZANOS / Control Panel" === */
.w-60.fixed .p-5.border-b {
  display: none !important;
}