.widget-user-2 .widget-user-desc,
.widget-user-2 .widget-user-username {
  margin-left: 1rem;
}
.content-wrapper > .content {
  padding: 0 1rem;
}
/* Force sidebar and main container backgrounds to override AdminLTE */
.main-sidebar, .sidebar {
  background: var(--color-sidebar) !important;
}
.content-wrapper {
  background: var(--color-background) !important;
}
/* Modern Default Theme for Admin Panel */
:root {
  --color-primary: #2563EB;
  --color-secondary: #64748B;
  --color-success: #22C55E;
  --color-warning: #F59E42;
  --color-error: #EF4444;
  --color-info: #06B6D4;
  --color-background: #F4F7FB;
  --color-sidebar: #2D3748;
  --color-header-footer: #F0F4FA;
  --color-header-footer-border: #E5E7EB;
  --color-card: #F8FAFF;
  --color-border: #E5E7EB;
  --color-text: #2D3748;
  --color-text-secondary: #6B7280;
  --font-family: 'Inter', Arial, sans-serif;
}

body {
  background: var(--color-background);
  color: var(--color-text);
  font-family: var(--font-family);
  margin: 0;
  line-height: 1.6;
}

.sidebar {
  background: var(--color-sidebar);
  color: #fff;
  min-width: 220px;
  padding: 2rem 1rem;
}
/* Header & Footer Modernization */
.main-header, .main-footer {
  background: var(--color-header-footer) !important;
  color: var(--color-text);
  border-bottom: 1px solid var(--color-header-footer-border);
  box-shadow: 0 1px 4px rgba(0,0,0,0.03);
}

.main-footer {
  height: 65px;
  padding-top: 10px;
  padding-bottom: 0px;
}

.main-footer {
  border-top: 1px solid var(--color-header-footer-border);
  border-bottom: none;
  box-shadow: 0 -1px 4px rgba(0,0,0,0.03);
}
/* Content Wrapper Background */
.content-wrapper {
  background: var(--color-background);
}

.card, .panel {
  background: var(--color-card);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  border: 1px solid var(--color-border);
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-text);
  font-family: var(--font-family);
  margin-top: 0;
}
h1 {
  font-size: 2rem;
  font-weight: 600;
}

.text-secondary {
  color: var(--color-text-secondary);
}

.button, button {
  font-family: var(--font-family);
  border-radius: 6px;
  border: none;
  padding: 0.6em 1.2em;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.2s, box-shadow 0.2s;
}

.button-primary {
  background: var(--color-primary);
  color: #fff;
}
.button-primary:hover {
  background: #1D4ED8;
}

.button-success {
  background: var(--color-success);
  color: #fff;
}
.button-success:hover {
  background: #16A34A;
}

.button-warning {
  background: var(--color-warning);
  color: #fff;
}
.button-warning:hover {
  background: #D97706;
}

.button-error {
  background: var(--color-error);
  color: #fff;
}
.button-error:hover {
  background: #B91C1C;
}

input, select, textarea {
  font-family: var(--font-family);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  padding: 0.5em;
  background: #fff;
  color: var(--color-text);
  margin-bottom: 1em;
}

.brand-link {
    padding: .8125rem 1rem;
}

/* Responsive layout */
@media (max-width: 768px) {
  .sidebar {
    min-width: 100px;
    padding: 1rem 0.5rem;
  }
  .card, .panel {
    padding: 1rem;
  }
}

/* Import Inter font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');

/* Override AdminLTE .bg-info color to a more blueish shade */
/* Override AdminLTE .bg-info color to a lighter blue shade */
.bg-info {
  background-color: #4fb7e7 !important;
}

/* Make card-footer background more light blueish */
.card-footer {
  background-color: #fff !important;
}