/* EmlogStudio daylight visual layer: geometry inherits css/style.css (generated 2026-08-06). */
html[data-theme="light"] {
  --em-day-layout-canvas: #f5faff;
  --em-day-layout-surface: #ffffff;
  --em-day-layout-surface-hover: #f0f9fc;
  --em-day-layout-active: #e5f5f5;
  --em-day-layout-ink: #11394c;
  --em-day-layout-muted: #5b7d8e;
  --em-day-layout-line: #d7e8ef;
  --em-day-layout-line-strong: #a9d6de;
  --em-day-layout-accent: #007d70;
  --em-day-layout-shadow: 0 12px 28px rgba(20, 90, 122, .10);
}

html[data-theme="light"] body {
  background: var(--em-day-layout-canvas);
}

html[data-theme="light"] .sidebar {
  background: var(--em-day-layout-surface);
  border-color: var(--em-day-layout-line);
  box-shadow: var(--em-day-layout-shadow);
}

html[data-theme="light"] .sidebar::after {
  background: #dff3f5;
  opacity: .42;
}

html[data-theme="light"] .brand-mark {
  color: var(--em-day-layout-ink);
  text-shadow: none;
}

html[data-theme="light"] .brand-name {
  color: var(--em-day-layout-muted);
}

html[data-theme="light"] .nav-item {
  color: #477388;
  background: transparent;
  border-color: transparent;
}

html[data-theme="light"] .nav-item:hover,
html[data-theme="light"] .nav-item:focus-visible {
  color: #075d69;
  background: var(--em-day-layout-surface-hover);
  border-color: #cae4e9;
}

html[data-theme="light"] .nav-item.active,
html[data-theme="light"] .nav-item[aria-current="page"] {
  color: #075d69;
  background: var(--em-day-layout-active);
  border-color: var(--em-day-layout-line-strong);
  box-shadow: inset 3px 0 0 var(--em-day-layout-accent);
}

html[data-theme="light"] .nav-item.active .nav-icon,
html[data-theme="light"] .nav-item[aria-current="page"] .nav-icon,
html[data-theme="light"] .nav-item.active .nav-arrow {
  color: var(--em-day-layout-accent);
}

html[data-theme="light"] .nav-item.is-pjax-pending {
  color: #075d69;
  background: #eaf7f4;
  border-color: #c2e4dc;
}

html[data-theme="light"] .workspace-switcher {
  border-color: var(--em-day-layout-line);
}

html[data-theme="light"] .switcher-label {
  color: var(--em-day-layout-muted);
}

html[data-theme="light"] .switcher {
  color: var(--em-day-layout-ink);
  background: #f8fcfe;
  border-color: var(--em-day-layout-line);
}

html[data-theme="light"] .switcher:hover,
html[data-theme="light"] .switcher:focus-visible {
  color: #075d69;
  background: #edf9f8;
  border-color: var(--em-day-layout-line-strong);
}

@media (max-width: 820px) {
html[data-theme="light"] .sidebar {
  border-color: var(--em-day-layout-line);
  box-shadow: 0 18px 42px rgba(18, 82, 110, .20);
}

html[data-theme="light"] .sidebar-overlay {
  background: rgba(10, 48, 67, .32);
}

html[data-theme="light"] .mobile-menu {
  color: #3f7084;
  background: var(--em-day-layout-surface);
  border-color: var(--em-day-layout-line);
  box-shadow: 0 4px 12px rgba(23, 97, 128, .06);
}

html[data-theme="light"] .mobile-menu:hover,
  html[data-theme="light"] .mobile-menu:focus-visible {
  color: #006f70;
  background: #edf9fa;
  border-color: var(--em-day-layout-line-strong);
  box-shadow: 0 0 0 3px rgba(0, 125, 112, .09);
}


}