/* Denteo PACS - OHIF Light Theme */

/* Main backgrounds */
:root {
  --ui-gray-dark: #f8f9fc !important;
  --ui-gray-darker: #f1f3f9 !important;
  --ui-gray-darkest: #ffffff !important;
  --ui-border-dark: #e2e8f0 !important;
  --ui-text-primary: #1e1b4b !important;
  --ui-text-secondary: #64748b !important;
  --ui-color-primary: #4338ca !important;
  --ui-color-primary-dark: #3730a3 !important;
  --ui-color-primary-light: #6366f1 !important;
}

/* Body & general background */
body,
.bg-black,
.bg-primary-dark,
.bg-secondary-dark,
[class*="bg-primary-dark"],
[class*="bg-secondary-dark"] {
  background-color: #f8f9fc !important;
}

/* Header / Toolbar */
.ohif-header,
header,
[class*="Header"],
.relative.flex.justify-between {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

/* Sidebar panels */
[class*="sidepanel"],
[class*="SidePanel"],
.bg-primary-dark,
.overflow-y-auto.ohif-scrollbar {
  background-color: #ffffff !important;
  border-color: #e2e8f0 !important;
}

/* Text colors - make dark for light theme */
.text-white,
.text-primary-light,
[class*="text-white"],
[class*="text-primary-light"] {
  color: #1e1b4b !important;
}

.text-secondary-light,
[class*="text-secondary-light"] {
  color: #64748b !important;
}

/* Buttons primary */
.bg-primary-main,
[class*="bg-primary-main"] {
  background-color: #4338ca !important;
  color: white !important;
}

.bg-primary-main:hover {
  background-color: #3730a3 !important;
}

/* Icons and interactive elements */
.text-primary-active,
[class*="text-primary-active"] {
  color: #4338ca !important;
}

/* Hover states */
.hover\:bg-primary-dark:hover {
  background-color: #f1f3f9 !important;
}

/* Table / Study list */
table, .table {
  color: #1e1b4b !important;
}

table th {
  color: #64748b !important;
  border-color: #e2e8f0 !important;
}

table td {
  border-color: #f1f3f9 !important;
}

/* Viewport - keep black for medical imaging */
.viewport-element,
[class*="cornerstone-canvas"],
.relative.flex.h-full.w-full canvas,
.h-full.w-full.flex.flex-col .flex-grow {
  background-color: #000000 !important;
}

/* Cards and panels */
.rounded-lg,
[class*="rounded"] {
  border-color: #e2e8f0 !important;
}

/* Scrollbar */
.ohif-scrollbar::-webkit-scrollbar-track {
  background: #f1f3f9 !important;
}

.ohif-scrollbar::-webkit-scrollbar-thumb {
  background: #cbd5e1 !important;
  border-radius: 4px !important;
}

/* Dropdown menus */
[class*="dropdown"],
.absolute.z-10,
[role="listbox"],
[role="menu"] {
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}

/* Modal overlays */
[class*="modal"],
.fixed.z-50 > div {
  background-color: #ffffff !important;
}

/* Toolbar buttons */
[class*="toolbar"] button,
.flex.items-center.cursor-pointer {
  color: #475569 !important;
}

[class*="toolbar"] button:hover {
  background-color: #f1f3f9 !important;
  color: #4338ca !important;
}

[class*="toolbar"] button.active,
[class*="toolbar"] button[class*="active"] {
  background-color: #eef2ff !important;
  color: #4338ca !important;
}

/* Measurement panels */
.measurement-item {
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
}

/* Thumbnails */
.thumbnail-entry {
  border-color: #e2e8f0 !important;
}

.thumbnail-entry:hover,
.thumbnail-entry.active {
  border-color: #4338ca !important;
}

/* Progress bars */
[class*="progress"] {
  background-color: #e2e8f0 !important;
}

[class*="progress"] > div {
  background-color: #4338ca !important;
}

/* Notification bar */
[class*="notification"],
[class*="snackbar"] {
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #1e1b4b !important;
}