/* v16 — slightly darker green buttons + restore the curved sidebar-to-workspace seam. */
:root {
  --dnxt-v16-btn: #006875;
  --dnxt-v16-btn-hover: #00535e;
  --dnxt-v16-btn-border: #006875;
  --dnxt-v16-btn-shadow: 0 8px 18px rgba(0,72,82, .18);
  --dnxt-v16-curve-green: #007380;
  --dnxt-v16-curve-green-dark: #072b2f;
}

/* Restore the green seam behind the rounded workspace edge. */
html,
body:not([data-page="login"]) {
  background: var(--dnxt-v16-curve-green) !important;
}
body:not([data-page="login"]) .shell {
  background: var(--dnxt-v16-curve-green) !important;
}
body:not([data-page="login"]) .workspace {
  border-radius: var(--workspace-curve, 54px) 0 0 var(--workspace-curve, 54px) !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 2 !important;
}
body:not([data-page="login"]) .global-topbar {
  border-radius: var(--workspace-curve, 54px) 0 0 0 !important;
}
/* Keep a visible curved green join even on settings where the sidebar surface is lighter. */
body[data-page="settings"] .shell {
  background: linear-gradient(180deg, var(--dnxt-v16-curve-green), var(--dnxt-v16-curve-green-dark)) !important;
}
body[data-page="settings"] .workspace {
  box-shadow: -10px 0 0 0 var(--dnxt-v16-curve-green) !important;
}
@media (max-width: 640px) {
  body:not([data-page="login"]) .workspace {
    border-radius: var(--workspace-curve-mobile, 34px) 0 0 var(--workspace-curve-mobile, 34px) !important;
  }
  body:not([data-page="login"]) .global-topbar {
    border-radius: var(--workspace-curve-mobile, 34px) 0 0 0 !important;
  }
}

/* Slightly darker green for all primary action buttons. */
#importBtn,
#exportBtn,
#filterBtn,
#sortBtn,
#groupBtn,
#projectListColumnsBtn,
.share-btn,
.primary-btn,
.btn-primary,
.action-btn,
.save-btn,
.submit-btn,
.add-btn,
.create-btn,
.home-create-project-btn,
.modal-footer .primary,
.modal-footer button[type="submit"],
.settings-page button.primary,
.stg-page button.primary,
.project-header-actions > button,
.project-header-actions .outline-btn,
.toolbar-row .chip-btn,
.current-list-toolbar button,
.list-actions button,
.project-list-actions button,
button[data-variant="primary"],
.stg-action-btn,
.stg-add-btn,
.stg-connect-btn,
.stg-copy-btn,
.stg-preview-button,
#settingsFieldSave,
#saveProfileBtn,
#saveSettingsBtn,
button[type="submit"] {
  background: var(--dnxt-v16-btn) !important;
  border-color: var(--dnxt-v16-btn-border) !important;
  color: #fff !important;
  box-shadow: var(--dnxt-v16-btn-shadow) !important;
}
#importBtn:hover,
#exportBtn:hover,
#filterBtn:hover,
#sortBtn:hover,
#groupBtn:hover,
#projectListColumnsBtn:hover,
.share-btn:hover,
.primary-btn:hover,
.btn-primary:hover,
.action-btn:hover,
.save-btn:hover,
.submit-btn:hover,
.add-btn:hover,
.create-btn:hover,
.home-create-project-btn:hover,
.modal-footer .primary:hover,
.modal-footer button[type="submit"]:hover,
.settings-page button.primary:hover,
.stg-page button.primary:hover,
.project-header-actions > button:hover,
.project-header-actions .outline-btn:hover,
.toolbar-row .chip-btn:hover,
.current-list-toolbar button:hover,
.list-actions button:hover,
.project-list-actions button:hover,
button[data-variant="primary"]:hover,
.stg-action-btn:hover,
.stg-add-btn:hover,
.stg-connect-btn:hover,
.stg-copy-btn:hover,
.stg-preview-button:hover,
#settingsFieldSave:hover,
#saveProfileBtn:hover,
#saveSettingsBtn:hover,
button[type="submit"]:hover {
  background: var(--dnxt-v16-btn-hover) !important;
  border-color: var(--dnxt-v16-btn-hover) !important;
  color: #fff !important;
}
#importBtn i,
#exportBtn i,
#filterBtn i,
#sortBtn i,
#groupBtn i,
#projectListColumnsBtn i,
.share-btn i,
.primary-btn i,
.btn-primary i,
.action-btn i,
.save-btn i,
.submit-btn i,
.add-btn i,
.create-btn i,
.home-create-project-btn i,
.project-header-actions .outline-btn i,
.toolbar-row .chip-btn i,
.current-list-toolbar button i,
.list-actions button i,
.project-list-actions button i,
.stg-action-btn i,
.stg-add-btn i,
.stg-connect-btn i,
.stg-copy-btn i,
.stg-preview-button i,
button[type="submit"] i {
  color: #fff !important;
}

html[data-theme="dark"] body:not([data-page="login"]) {
  background: #062023 !important;
}
html[data-theme="dark"] body:not([data-page="login"]) .shell {
  background: #062023 !important;
}
html[data-theme="dark"] body[data-page="settings"] .shell {
  background: linear-gradient(180deg, #082529, #061e21) !important;
}