/* ==========================================================================
   Prysel White Sidebar & Custom Branding for MinIO Console
   ========================================================================== */

/* 1. Force the Sidebar Container to Pure White */
aside,
nav,
[class*="sidebar" i],
[class*="Sidebar" i],
[class*="drawer" i],
[class*="Drawer" i],
[class*="navigation" i],
[class*="Navigation" i],
[class*="sideMenu" i],
[class*="MuiDrawer-paper" i],
[class*="MuiDrawer-docked" i] > div,
[style*="background: rgb(10, 26, 47)"],
[style*="background-color: rgb(10, 26, 47)"],
[style*="#081c3b"],
[style*="#0a1a2f"],
[style*="#0b1a30"],
[style*="#001529"],
[style*="#0f2b5c"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-right: 1px solid #e5e7eb !important;
  box-shadow: none !important;
  color: #1f2937 !important;
}

/* Force inner background elements inside sidebar to be white/transparent */
aside div,
nav div,
[class*="sidebar" i] div,
[class*="MuiDrawer-paper" i] div {
  background-color: transparent !important;
}

aside,
nav,
[class*="sidebar" i],
[class*="MuiDrawer-paper" i] {
  background-color: #ffffff !important;
}

/* 2. Brand Header (Prysel Icon p.png + prysel.svg) */
.prysel-brand-container {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 16px 14px !important;
  text-decoration: none !important;
  background: #ffffff !important;
  border-bottom: 1px solid #f3f4f6 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.prysel-brand-icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 6px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}

.prysel-brand-logo {
  height: 24px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}

/* 3. Sidebar Text, Links, and Buttons */
aside a,
aside button,
aside span,
aside p,
aside li,
aside label,
nav a,
nav button,
nav span,
nav p,
nav li,
[class*="sidebar" i] a,
[class*="sidebar" i] button:not([class*="create" i]),
[class*="sidebar" i] span,
[class*="sidebar" i] p,
[class*="sidebar" i] li,
[class*="MuiDrawer-paper" i] a,
[class*="MuiDrawer-paper" i] button:not([class*="create" i]),
[class*="MuiDrawer-paper" i] span,
[class*="MuiDrawer-paper" i] p,
[class*="MuiDrawer-paper" i] li {
  color: #1f2937 !important;
}

/* Sidebar Icons */
aside svg:not([class*="create" i] svg),
nav svg:not([class*="create" i] svg),
[class*="sidebar" i] svg:not([class*="create" i] svg),
[class*="MuiDrawer-paper" i] svg:not([class*="create" i] svg) {
  color: #4b5563 !important;
  fill: currentColor !important;
}

/* Hover and Selected item background in sidebar */
aside a:hover,
aside button:hover,
[class*="sidebar" i] a:hover,
[class*="sidebar" i] button:hover,
[class*="MuiDrawer-paper" i] a:hover,
[class*="MuiDrawer-paper" i] button:hover {
  background-color: #f3f4f6 !important;
  border-radius: 6px !important;
}

aside [class*="active" i],
aside [class*="selected" i],
[class*="sidebar" i] [class*="active" i],
[class*="sidebar" i] [class*="selected" i] {
  background-color: #f3f4f6 !important;
  color: #111827 !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
}

/* 4. "+ Create Bucket" Button */
aside button[class*="create" i],
[class*="sidebar" i] button[class*="create" i] {
  background-color: #ff6600 !important;
  border-color: #ff6600 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
}

aside button[class*="create" i] *,
[class*="sidebar" i] button[class*="create" i] * {
  color: #ffffff !important;
}

/* 5. Filter Buckets Input */
aside input,
nav input,
[class*="sidebar" i] input,
[class*="MuiDrawer-paper" i] input {
  background-color: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  color: #111827 !important;
  border-radius: 6px !important;
}

aside input::placeholder,
[class*="sidebar" i] input::placeholder {
  color: #9ca3af !important;
}

/* 6. Section Subheaders */
aside h6,
aside [class*="subheader" i],
[class*="sidebar" i] h6,
[class*="sidebar" i] [class*="subheader" i] {
  color: #6b7280 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* 7. Bottom Items (Documentation, License, Sign Out) */
aside [class*="bottom" i],
aside [class*="footer" i],
[class*="sidebar" i] [class*="bottom" i] {
  border-top: 1px solid #f3f4f6 !important;
  background-color: #ffffff !important;
}