/* v21 — lighter list dividers, tighter buttons, simpler signout, stronger mark-complete contrast. */
:root {
  --dnxt-v21-list-divider: rgba(47,106,112, .26);
  --dnxt-v21-list-divider-dark: rgba(140,207,215, .20);
  --dnxt-v21-btn-green: #006875;
  --dnxt-v21-btn-green-hover: #00535e;
  --dnxt-v21-btn-shadow: 0 6px 14px rgba(0,72,82, .14);
  --dnxt-v21-mark-text: #034046;
}

/* 1) Make vertical list split lines a little lighter. */
#listView .grid-header .gh-cell,
#listView .mytasks-grid-header .gh-cell,
.custom-list-host .grid-header .gh-cell,
.mytasks-list-view .grid-header .gh-cell,
.grid-header.task-grid .gh-cell,
#listView .task-row .task-cell,
#listView .inline-new-row .task-cell,
.custom-list-host .task-row .task-cell,
.mytasks-list-view .task-row .task-cell,
.task-grid-row .task-cell,
.task-row .cell {
  border-right-color: var(--dnxt-v21-list-divider) !important;
}
html[data-theme="dark"] #listView .grid-header .gh-cell,
html[data-theme="dark"] #listView .mytasks-grid-header .gh-cell,
html[data-theme="dark"] .custom-list-host .grid-header .gh-cell,
html[data-theme="dark"] .mytasks-list-view .grid-header .gh-cell,
html[data-theme="dark"] .grid-header.task-grid .gh-cell,
html[data-theme="dark"] #listView .task-row .task-cell,
html[data-theme="dark"] #listView .inline-new-row .task-cell,
html[data-theme="dark"] .custom-list-host .task-row .task-cell,
html[data-theme="dark"] .mytasks-list-view .task-row .task-cell,
html[data-theme="dark"] .task-grid-row .task-cell,
html[data-theme="dark"] .task-row .cell {
  border-right-color: var(--dnxt-v21-list-divider-dark) !important;
}

/* 2) Reduce padding/height for Import, Export and similar 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"] {
  min-height: 34px !important;
  padding: 6px 12px !important;
  border-radius: 9px !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  box-shadow: var(--dnxt-v21-btn-shadow) !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,
.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 {
  font-size: 13px !important;
}

/* 3) Right card Mark complete text stronger and more visible. */
#detailsPanel .details-header-left,
.details-drawer .details-header-left {
  background: #ebf6f8 !important;
  border-color: rgba(4,62,69,.22) !important;
}
#detailsPanel .mark-complete-text,
.details-drawer .mark-complete-text,
#detailsPanel .details-header-left .mark-complete-text,
.details-drawer .details-header-left .mark-complete-text,
#detailsPanel .details-header-left span,
.details-drawer .details-header-left span {
  color: var(--dnxt-v21-mark-text) !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  letter-spacing: 0 !important;
  opacity: 1 !important;
}
#detailsPanel #detailMarkComplete,
.details-drawer #detailMarkComplete {
  background: #ffffff !important;
  border: 2px solid #085b65 !important;
}
#detailsPanel #detailMarkComplete i,
.details-drawer #detailMarkComplete i {
  color: #085b65 !important;
}
html[data-theme="dark"] #detailsPanel .mark-complete-text,
html[data-theme="dark"] .details-drawer .mark-complete-text,
html[data-theme="dark"] #detailsPanel .details-header-left span,
html[data-theme="dark"] .details-drawer .details-header-left span {
  color: #d9f5f9 !important;
}

/* 4) Signout card layout overrides for centered buttons and one-line message only. */
.dnxt-signout-card {
  width: min(340px, calc(100vw - 32px)) !important;
  padding: 24px 22px !important;
}
.dnxt-signout-card h3,
.dnxt-signout-icon {
  display: none !important;
}
.dnxt-signout-card p {
  margin: 0 0 18px !important;
  color: #0b2325 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}
.dnxt-signout-actions {
  justify-content: center !important;
  align-items: center !important;
}
.dnxt-signout-actions button {
  min-width: 110px !important;
  min-height: 36px !important;
  padding: 7px 16px !important;
}
html[data-theme="dark"] .dnxt-signout-card p {
  color: #f0fafb !important;
}