/* DOMINO 360 sky enterprise theme.
 * The mobile drawer is intentionally opaque: page content must never compete
 * with navigation labels. Sky is reserved for identity and state; deep slate
 * provides the header and active-state contrast.
 */

html body[data-dashboard-theme][data-portal-accent="sky"] {
  --portal-accent: #0284C7 !important;
  --portal-accent-hover: #0369A1 !important;
  --portal-accent-active: #075985 !important;
  --portal-action-text: #0F172A !important;
  --sky-header: #0F172A;
  --sky-header-hover: #1E293B;
  --sky-sidebar: #E0F2FE;
  --sky-sidebar-strong: #BAE6FD;
  --sky-sidebar-text: #0F172A;
  --sky-sidebar-muted: #334155;
  --sky-active: #0369A1;
  --sky-active-text: #FFFFFF;
  --sky-border: #BAE6FD;
}

/* Header: one dark plane with white copy and a white search surface. */
html body[data-dashboard-theme][data-portal-accent="sky"] #portal-view > .workspace > .topbar {
  color: #FFFFFF !important;
  border-bottom-color: #075985 !important;
  background: var(--sky-header) !important;
  background-image: none !important;
}

html body[data-dashboard-theme][data-portal-accent="sky"] #portal-view > .workspace > .topbar :is(
  .topbar-brand-home, .topbar-brand-home h1, .account-chip, .account-chip strong,
  .account-chip small, .icon-button
) {
  color: #FFFFFF !important;
}

html body[data-dashboard-theme][data-portal-accent="sky"] #portal-view > .workspace > .topbar .icon-button:hover,
html body[data-dashboard-theme][data-portal-accent="sky"] #portal-view > .workspace > .topbar .icon-button:focus-visible {
  color: #7DD3FC !important;
  background: var(--sky-header-hover) !important;
}

html body[data-dashboard-theme][data-portal-accent="sky"] #portal-view > .workspace > .topbar .w3-header-search,
html body[data-dashboard-theme][data-portal-accent="sky"] #portal-view > .workspace > .topbar #portal-global-search {
  color: #0F172A !important;
  border-color: #CBD5E1 !important;
  background: #FFFFFF !important;
}

html body[data-dashboard-theme][data-portal-accent="sky"] #portal-view > .workspace > .topbar #portal-global-search::placeholder {
  color: #64748B !important;
  opacity: 1;
}

html body[data-dashboard-theme][data-portal-accent="sky"] #portal-view > .workspace > .topbar #portal-search-submit {
  color: #FFFFFF !important;
  border-color: #0369A1 !important;
  background: #0369A1 !important;
}

html body[data-dashboard-theme][data-portal-accent="sky"] #portal-view > .workspace > .topbar #portal-search-submit:hover,
html body[data-dashboard-theme][data-portal-accent="sky"] #portal-view > .workspace > .topbar #portal-search-submit:focus-visible {
  color: #FFFFFF !important;
  border-color: #075985 !important;
  background: #075985 !important;
}

/* Sidebar: opaque sky surface, dark labels and a high-contrast active row. */
html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar,
html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar > .sidebar-brand,
html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar nav,
html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar .nav-flyout-group,
html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar .nav-tree-group,
html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar .sidebar-foot {
  color: var(--sky-sidebar-text) !important;
  border-color: var(--sky-border) !important;
  background: var(--sky-sidebar) !important;
  background-color: var(--sky-sidebar) !important;
  background-image: none !important;
  opacity: 1 !important;
}

html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar .sidebar-brand-lockup-dark {
  display: none !important;
}

html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar .sidebar-brand-lockup-light {
  display: block !important;
}

html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar :is(
  .sidebar-user, .sidebar-user strong, .sidebar-user small,
  .nav-item, .nav-tree-root, .nav-flyout-featured, .sensitive-action
) {
  color: var(--sky-sidebar-text) !important;
}

html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar .nav-item {
  min-height: 44px;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar .nav-item :where(*) {
  color: inherit !important;
}

html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar :is(
  .nav-item:hover, .nav-item:focus-visible,
  .nav-tree-group.is-open > .nav-tree-root
) {
  color: var(--sky-sidebar-text) !important;
  border-color: #7DD3FC !important;
  background: var(--sky-sidebar-strong) !important;
}

html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar :is(
  .nav-item.active, .nav-context-submenu .nav-item.active
) {
  color: var(--sky-active-text) !important;
  border-color: var(--sky-active) !important;
  background: var(--sky-active) !important;
  box-shadow: inset -4px 0 0 #7DD3FC !important;
}

html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar :is(
  .nav-item.active, .nav-context-submenu .nav-item.active
) :where(*) {
  color: var(--sky-active-text) !important;
}

html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar .nav-context-submenu,
html body[data-dashboard-theme][data-portal-accent="sky"] #portal-view.sidebar-collapsed #portal-sidebar .nav-context-submenu {
  color: var(--sky-sidebar-text) !important;
  border: 1px solid #7DD3FC !important;
  background: #F8FCFF !important;
  background-color: #F8FCFF !important;
  background-image: none !important;
  box-shadow: 0 14px 32px rgba(15, 23, 42, .16) !important;
  opacity: 1 !important;
}

html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar .nav-context-submenu .nav-item:not(.active) {
  color: var(--sky-sidebar-muted) !important;
}

html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar .sidebar-appearance-entry {
  color: var(--sky-sidebar-text) !important;
  border-color: #7DD3FC !important;
  background: rgba(255, 255, 255, .72) !important;
}

html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar .sidebar-appearance-entry > span {
  color: #FFFFFF !important;
  background: var(--sky-active) !important;
}

@media (max-width: 920px) {
  html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar {
    background: var(--sky-sidebar) !important;
    background-color: var(--sky-sidebar) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: -20px 0 48px rgba(15, 23, 42, .28) !important;
  }

  html body[data-dashboard-theme][data-portal-accent="sky"] .mobile-sidebar-close {
    color: #FFFFFF !important;
    border-color: #075985 !important;
    background: #075985 !important;
  }

  html body[data-dashboard-theme][data-portal-accent="sky"] .mobile-nav-backdrop {
    background: rgba(15, 23, 42, .62) !important;
    backdrop-filter: blur(2px);
  }
}

@media (prefers-reduced-motion: reduce) {
  html body[data-dashboard-theme][data-portal-accent="sky"] #portal-sidebar .nav-item {
    transition: none !important;
  }
}