/* IVANET Theme Colors - Telor Asin Green Theme */
/* Define theme colors as CSS custom properties for reusability */

:root {
  /* Primary Colors */
  --ivanet-primary: #17B2A2;
  --ivanet-primary-hover: #138f8a;
  --ivanet-primary-light: rgba(23, 178, 162, 0.1);
  --ivanet-primary-ring: rgba(23, 178, 162, 0.5);

  /* Background Colors */
  --ivanet-bg-primary: #D0EAE3;
  --ivanet-bg-secondary: #f8faf9;

  /* Text Colors */
  --ivanet-text-primary: #0f3f3b;
  --ivanet-text-secondary: #4f6461;
  --ivanet-text-muted: #6b7f7b;

  /* Border Colors */
  --ivanet-border-primary: #D0EAE3;
  --ivanet-border-secondary: #e5e7eb;

  /* Alert Colors */
  --ivanet-alert-success-bg: #d4edda;
  --ivanet-alert-success-text: #155724;
  --ivanet-alert-success-border: #c3e6cb;

  --ivanet-alert-error-bg: #f5c2c7;
  --ivanet-alert-error-text: #721c24;
  --ivanet-alert-error-border: #f5c2c7;

  --ivanet-alert-info-bg: #D0EAE3;
  --ivanet-alert-info-text: #0f3f3b;
  --ivanet-alert-info-border: #D0EAE3;

  /* Success/Green Colors for buttons */
  --ivanet-success: #059669;
  --ivanet-success-hover: #047857;
}

/* Utility classes for easy usage */
.ivanet-bg-primary { background-color: var(--ivanet-bg-primary); }
.ivanet-bg-secondary { background-color: var(--ivanet-bg-secondary); }
.ivanet-text-primary { color: var(--ivanet-text-primary); }
.ivanet-text-secondary { color: var(--ivanet-text-secondary); }
.ivanet-text-muted { color: var(--ivanet-text-muted); }
.ivanet-border-primary { border-color: var(--ivanet-border-primary); }
.ivanet-primary { color: var(--ivanet-primary); }
.ivanet-primary-bg { background-color: var(--ivanet-primary); }
.ivanet-bg-success { background-color: var(--ivanet-success); }
.ivanet-bg-success-hover { background-color: var(--ivanet-success-hover); }

/* Input disabled class */
.ivanet-disabled { background-color: #f3f4f6; opacity: 0.6; cursor: not-allowed; }

/* Sidebar toggle styles */
#sidebarMenu.sidebar-open {
  transform: translateX(0) !important;
}

#sidebarMenu.sidebar-closed {
  transform: translateX(-100%) !important;
}

/* Main content shift when sidebar is open on mobile */
#main-content.sidebar-shift {
  margin-left: 16rem !important;
}

/* Desktop margin when sidebar is open */
#main-content.lg-ml-64 {
  margin-left: 16rem !important;
}