/* Final shared visual pass: persistent green artwork and consistent action green. */
:root {
  --dnxt-action-green: #007380;
  --dnxt-action-green-hover: #075962;
  --dnxt-action-green-border: #007380;
  --dnxt-page-art: url('/img/workspace-bg-diagonal-green.svg?v=20260713-v12');
  --dnxt-card-art: url('/img/side-card-bg.png?v=20260713-v12');
}

/* Keep the green image visible on every authenticated workspace page. */
body:not([data-page="login"]) .workspace,
body:not([data-page="login"]) .main-content,
body:not([data-page="login"]) .page-content {
  background-color: var(--bg-primary, #f9fbfc) !important;
  background-image:
    linear-gradient(rgba(255,255,255,.88), rgba(255,255,255,.88)),
    var(--dnxt-page-art) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

/* Dashboard, List, Calendar and other project views retain the artwork. */
#dashboardView,
#listView,
#calendarView,
#completedView,
.canvas-area,
.content-layout,
.profile-page,
.settings-page,
.notification-page,
.notifications-page,
.organization-page,
.browse-teams-page {
  background-color: transparent !important;
  background-image: none !important;
}

/* Use the same green artwork softly on the principal cards across pages. */
.dash-kpi-card,
.dash-chart-card,
.dash-add-widget-card,
.dash-manage-widget-card,
.dashboard-widget,
.widget-card,
.grid-shell,
.profile-hero-card,
.profile-card,
.profile-section-card,
.profile-stats-card,
.settings-card,
.settings-panel,
.side-card,
.right-side-card,
.right-panel-card,
.details-card,
.detail-card,
.task-detail-card {
  background-color: var(--bg-surface, #ffffff) !important;
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(248,252,253,.88)),
    var(--dnxt-card-art) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

/* Import and Export must use the same standard green used elsewhere. */
#importBtn,
#exportBtn,
button[id*="import" i],
button[id*="export" i],
.import-btn,
.export-btn,
.btn-import,
.btn-export,
[data-action="import"],
[data-action="export"] {
  background: var(--dnxt-action-green) !important;
  background-color: var(--dnxt-action-green) !important;
  border-color: var(--dnxt-action-green-border) !important;
  color: #ffffff !important;
  box-shadow: 0 5px 14px rgba(0,115,128,.20) !important;
  opacity: 1 !important;
}

#importBtn i,
#exportBtn i,
button[id*="import" i] i,
button[id*="export" i] i,
.import-btn i,
.export-btn i,
.btn-import i,
.btn-export i,
[data-action="import"] i,
[data-action="export"] i {
  color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
}

#importBtn:hover,
#exportBtn:hover,
button[id*="import" i]:hover,
button[id*="export" i]:hover,
.import-btn:hover,
.export-btn:hover,
.btn-import:hover,
.btn-export:hover,
[data-action="import"]:hover,
[data-action="export"]:hover {
  background: var(--dnxt-action-green-hover) !important;
  background-color: var(--dnxt-action-green-hover) !important;
  border-color: var(--dnxt-action-green-hover) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body:not([data-page="login"]) .workspace,
html[data-theme="dark"] body:not([data-page="login"]) .main-content,
html[data-theme="dark"] body:not([data-page="login"]) .page-content {
  background-color: #030c0d !important;
  background-image:
    linear-gradient(rgba(4,12,13,.89), rgba(4,12,13,.89)),
    var(--dnxt-page-art) !important;
}

html[data-theme="dark"] .dash-kpi-card,
html[data-theme="dark"] .dash-chart-card,
html[data-theme="dark"] .dash-add-widget-card,
html[data-theme="dark"] .dash-manage-widget-card,
html[data-theme="dark"] .dashboard-widget,
html[data-theme="dark"] .widget-card,
html[data-theme="dark"] .grid-shell,
html[data-theme="dark"] .profile-hero-card,
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .profile-section-card,
html[data-theme="dark"] .profile-stats-card,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .settings-panel,
html[data-theme="dark"] .side-card,
html[data-theme="dark"] .right-side-card,
html[data-theme="dark"] .right-panel-card,
html[data-theme="dark"] .details-card,
html[data-theme="dark"] .detail-card,
html[data-theme="dark"] .task-detail-card {
  background-color: #071416 !important;
  background-image:
    linear-gradient(135deg, rgba(7,20,21,.93), rgba(5,16,17,.88)),
    var(--dnxt-card-art) !important;
}