/* r183 - dark dashboard/team/workspace polish + sidebar spacing */

/* --------------------------------------------------------------------------
   Sidebar: keep a visible breathing gap between the Teams divider and
   Manage Team while preserving the single scrolling sidebar flow.
   -------------------------------------------------------------------------- */
.sidebar > .sidebar-scroll-content > .sidebar-footer {
  margin-top: 10px !important;
  padding-top: 14px !important;
  padding-bottom: max(16px, env(safe-area-inset-bottom)) !important;
}

/* --------------------------------------------------------------------------
   Dashboard Columns / widget settings / Manage Widgets / Add Widget - Dark
   -------------------------------------------------------------------------- */
html[data-personal-theme="dark"] #dashboardView .dash-columns-dropdown,
html[data-personal-theme="dark"] body > .dash-columns-dropdown {
  background: #161b22 !important;
  background-image: none !important;
  border: 1px solid #30363d !important;
  color: #f0f6fc !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.42) !important;
}
html[data-personal-theme="dark"] #dashboardView .dash-columns-title,
html[data-personal-theme="dark"] #dashboardView .dash-columns-section {
  background: transparent !important;
  border-color: #30363d !important;
}
html[data-personal-theme="dark"] #dashboardView .dash-columns-title strong,
html[data-personal-theme="dark"] #dashboardView .dash-columns-row > span,
html[data-personal-theme="dark"] #dashboardView .dash-columns-show-all {
  color: #e6edf3 !important;
}
html[data-personal-theme="dark"] #dashboardView .dash-columns-title span,
html[data-personal-theme="dark"] #dashboardView .dash-columns-heading {
  color: #8b949e !important;
}
html[data-personal-theme="dark"] #dashboardView .dash-columns-row {
  background: transparent !important;
  color: #c9d1d9 !important;
  border-color: #30363d !important;
}
html[data-personal-theme="dark"] #dashboardView .dash-columns-row:hover,
html[data-personal-theme="dark"] #dashboardView .dash-columns-show-all:hover {
  background: #21262d !important;
  color: #ffffff !important;
}
html[data-personal-theme="dark"] #dashboardView .dash-columns-row > span i,
html[data-personal-theme="dark"] #dashboardView .dash-columns-show-all i {
  color: #58a6ff !important;
}
html[data-personal-theme="dark"] #dashboardView .dash-columns-row input[type="checkbox"] {
  accent-color: #4c8bf5 !important;
  color-scheme: dark !important;
}

html[data-personal-theme="dark"] #dashboardView .widget-menu,
html[data-personal-theme="dark"] #dashboardView .widget-submenu-list,
html[data-personal-theme="dark"] body > .widget-menu,
html[data-personal-theme="dark"] body > .widget-submenu-list {
  background: #161b22 !important;
  background-image: none !important;
  border: 1px solid #30363d !important;
  color: #e6edf3 !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.42) !important;
}
html[data-personal-theme="dark"] #dashboardView .widget-menu-item,
html[data-personal-theme="dark"] #dashboardView .widget-submenu-item {
  background: transparent !important;
  color: #d7dee7 !important;
  border-color: #30363d !important;
}
html[data-personal-theme="dark"] #dashboardView .widget-menu-item i,
html[data-personal-theme="dark"] #dashboardView .widget-submenu-item i {
  color: #9da7b3 !important;
}
html[data-personal-theme="dark"] #dashboardView .widget-menu-item:hover,
html[data-personal-theme="dark"] #dashboardView .widget-submenu-item:hover,
html[data-personal-theme="dark"] #dashboardView .widget-submenu-item.active-type {
  background: #21262d !important;
  color: #ffffff !important;
}
html[data-personal-theme="dark"] #dashboardView .widget-menu-item.danger,
html[data-personal-theme="dark"] #dashboardView .widget-menu-item.danger i {
  color: #ff7b72 !important;
}

html[data-personal-theme="dark"] body .widget-picker-overlay {
  background: rgba(1,4,9,.72) !important;
}
html[data-personal-theme="dark"] body .widget-picker,
html[data-personal-theme="dark"] body .manage-widgets-modal {
  background: #0f1720 !important;
  background-image: none !important;
  border: 1px solid #334155 !important;
  color: #f1f5f9 !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.52) !important;
}
html[data-personal-theme="dark"] body .widget-picker h3,
html[data-personal-theme="dark"] body .manage-widgets-modal h3 {
  color: #f8fafc !important;
}
html[data-personal-theme="dark"] body .widget-picker-close {
  background: transparent !important;
  color: #cbd5e1 !important;
}
html[data-personal-theme="dark"] body .widget-picker-close:hover {
  background: #202a36 !important;
  color: #ffffff !important;
}
html[data-personal-theme="dark"] body .widget-picker-item,
html[data-personal-theme="dark"] body .manage-widget-row {
  background: #161b22 !important;
  background-image: none !important;
  border: 1px solid #30363d !important;
  color: #e6edf3 !important;
  box-shadow: none !important;
}
html[data-personal-theme="dark"] body .widget-picker-item:hover,
html[data-personal-theme="dark"] body .manage-widget-row:hover {
  background: #1f2630 !important;
  border-color: #4c8bf5 !important;
}
html[data-personal-theme="dark"] body .widget-picker-item .wp-icon,
html[data-personal-theme="dark"] body .manage-widget-icon {
  background: #1d2a3a !important;
  color: #58a6ff !important;
  border-color: #334155 !important;
}
html[data-personal-theme="dark"] body .widget-picker-item .wp-name,
html[data-personal-theme="dark"] body .manage-widget-copy strong {
  color: #f1f5f9 !important;
}
html[data-personal-theme="dark"] body .widget-picker-item .wp-desc,
html[data-personal-theme="dark"] body .manage-widget-copy small,
html[data-personal-theme="dark"] body .manage-widgets-help {
  color: #9da7b3 !important;
}
html[data-personal-theme="dark"] body .manage-widget-row input[type="checkbox"] {
  accent-color: #4c8bf5 !important;
  color-scheme: dark !important;
}
html[data-personal-theme="dark"] body .manage-widget-actions {
  border-color: #30363d !important;
  background: transparent !important;
}
html[data-personal-theme="dark"] body .manage-widget-actions .outline-btn {
  background: #252b33 !important;
  border-color: #444c56 !important;
  color: #f0f6fc !important;
}
html[data-personal-theme="dark"] body .manage-widget-actions .outline-btn:hover {
  background: #30363d !important;
}

/* --------------------------------------------------------------------------
   My Workspace floating Filter / Sort / Group / Columns cards - Dark
   -------------------------------------------------------------------------- */
html[data-personal-theme="dark"] body > .mytasks-dropdown[data-mytasks-portal="true"],
html[data-personal-theme="dark"] body .mytasks-value-filter-popup,
html[data-personal-theme="dark"] body .col-filter-popup {
  background: #161b22 !important;
  background-image: none !important;
  border: 1px solid #30363d !important;
  color: #e6edf3 !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.45) !important;
}
html[data-personal-theme="dark"] body > .mytasks-dropdown .mytasks-dropdown-title,
html[data-personal-theme="dark"] body .col-filter-popup-header {
  color: #f0f6fc !important;
  border-color: #30363d !important;
}
html[data-personal-theme="dark"] body > .mytasks-dropdown .sort-option,
html[data-personal-theme="dark"] body .col-filter-popup-list label {
  background: transparent !important;
  color: #c9d1d9 !important;
  border-color: #30363d !important;
}
html[data-personal-theme="dark"] body > .mytasks-dropdown .sort-option:hover,
html[data-personal-theme="dark"] body > .mytasks-dropdown .sort-option.active,
html[data-personal-theme="dark"] body .col-filter-popup-list label:hover {
  background: #21262d !important;
  color: #ffffff !important;
}
html[data-personal-theme="dark"] body .cfp-search-input {
  background: #0d1117 !important;
  border-color: #30363d !important;
  color: #f0f6fc !important;
}

/* --------------------------------------------------------------------------
   Team workspace - full dark-mode surface pass
   -------------------------------------------------------------------------- */
html[data-personal-theme="dark"] body .team-page {
  background: #0d1117 !important;
  background-image: none !important;
  color: #c9d1d9 !important;
}
html[data-personal-theme="dark"] body .team-page-header,
html[data-personal-theme="dark"] body .team-page-tabs,
html[data-personal-theme="dark"] body .tm-stat-mini-card,
html[data-personal-theme="dark"] body .tm-overview-desc-card,
html[data-personal-theme="dark"] body .tm-role-compact,
html[data-personal-theme="dark"] body .tm-recent-activity,
html[data-personal-theme="dark"] body .tm-members-header,
html[data-personal-theme="dark"] body .tm-members-insight,
html[data-personal-theme="dark"] body .tm-access-summary,
html[data-personal-theme="dark"] body .tm-member-card,
html[data-personal-theme="dark"] body .tm-perm-group,
html[data-personal-theme="dark"] body .tm-role-preset,
html[data-personal-theme="dark"] body .tm-access-cat-tile,
html[data-personal-theme="dark"] body .tm-category-access-modal,
html[data-personal-theme="dark"] body .mpp-panel,
html[data-personal-theme="dark"] body .mpp-profile-about-box,
html[data-personal-theme="dark"] body .mpp-profile-detail-row,
html[data-personal-theme="dark"] body .team-small-menu,
html[data-personal-theme="dark"] body .team-page .context-menu {
  background: #161b22 !important;
  background-image: none !important;
  border-color: #30363d !important;
  color: #c9d1d9 !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.34) !important;
}
html[data-personal-theme="dark"] body .team-page .team-title-row h1,
html[data-personal-theme="dark"] body .team-page h1,
html[data-personal-theme="dark"] body .team-page h2,
html[data-personal-theme="dark"] body .team-page h3,
html[data-personal-theme="dark"] body .tm-stat-mini-value,
html[data-personal-theme="dark"] body .tm-overview-desc-header,
html[data-personal-theme="dark"] body .tm-role-compact-label,
html[data-personal-theme="dark"] body .tm-recent-activity-header,
html[data-personal-theme="dark"] body .tm-activity-name,
html[data-personal-theme="dark"] body .tm-members-title,
html[data-personal-theme="dark"] body .tm-card-name,
html[data-personal-theme="dark"] body .mpp-name,
html[data-personal-theme="dark"] body .mpp-section-title {
  color: #f0f6fc !important;
}
html[data-personal-theme="dark"] body .team-title-subtext,
html[data-personal-theme="dark"] body .tm-stat-mini-label,
html[data-personal-theme="dark"] body .tm-overview-desc-text,
html[data-personal-theme="dark"] body .tm-activity-action,
html[data-personal-theme="dark"] body .tm-activity-time,
html[data-personal-theme="dark"] body .tm-card-email,
html[data-personal-theme="dark"] body .tm-card-jobtitle,
html[data-personal-theme="dark"] body .mpp-email,
html[data-personal-theme="dark"] body .mpp-profile-detail-row,
html[data-personal-theme="dark"] body .text-muted {
  color: #9da7b3 !important;
}
html[data-personal-theme="dark"] body .team-page .team-tab-btn {
  background: transparent !important;
  color: #b8c1cc !important;
  border-color: transparent !important;
}
html[data-personal-theme="dark"] body .team-page .team-tab-btn:hover {
  background: #21262d !important;
  color: #ffffff !important;
}
html[data-personal-theme="dark"] body .team-page .team-tab-btn.active {
  background: #1d2a3a !important;
  color: #8bb9ff !important;
  border-color: #365f9d !important;
  box-shadow: none !important;
}
html[data-personal-theme="dark"] body .tm-quick-action-btn,
html[data-personal-theme="dark"] body .tm-desc-cancel-btn,
html[data-personal-theme="dark"] body .team-access-btn,
html[data-personal-theme="dark"] body .tm-icon-btn,
html[data-personal-theme="dark"] body .tm-more-btn {
  background: #161b22 !important;
  background-image: none !important;
  border-color: #30363d !important;
  color: #d7dee7 !important;
  box-shadow: none !important;
}
html[data-personal-theme="dark"] body .tm-quick-action-btn:hover,
html[data-personal-theme="dark"] body .tm-desc-cancel-btn:hover,
html[data-personal-theme="dark"] body .team-access-btn:hover,
html[data-personal-theme="dark"] body .tm-icon-btn:hover,
html[data-personal-theme="dark"] body .tm-more-btn:hover {
  background: #21262d !important;
  border-color: #4c8bf5 !important;
  color: #ffffff !important;
}
html[data-personal-theme="dark"] body .tm-activity-item {
  background: #111820 !important;
  color: #c9d1d9 !important;
}
html[data-personal-theme="dark"] body .tm-activity-item:hover { background: #1c232d !important; }
html[data-personal-theme="dark"] body .tm-role-compact-perm.granted {
  background: #102a36 !important;
  border-color: #274b5d !important;
  color: #8ecbff !important;
}
html[data-personal-theme="dark"] body .tm-role-compact-perm.more {
  background: #21262d !important;
  border-color: #30363d !important;
  color: #9da7b3 !important;
}
html[data-personal-theme="dark"] body .tm-desc-textarea,
html[data-personal-theme="dark"] body .team-role-select,
html[data-personal-theme="dark"] body .tm-role-select,
html[data-personal-theme="dark"] body .team-inline-input,
html[data-personal-theme="dark"] body .mpp-inline-input,
html[data-personal-theme="dark"] body .tm-search-box,
html[data-personal-theme="dark"] body .tm-search-box input {
  background: #0d1117 !important;
  border-color: #30363d !important;
  color: #f0f6fc !important;
}

/* --------------------------------------------------------------------------
   Manage Team administration page - complete dark surface pass
   -------------------------------------------------------------------------- */
html[data-personal-theme="dark"] body.app-nav-manage-team #dashboardView,
html[data-personal-theme="dark"] body.app-nav-manage-team .tm-page,
html[data-personal-theme="dark"] body.app-nav-manage-team .tm-management-shell,
html[data-personal-theme="dark"] body.app-nav-manage-team .tm-page-content {
  background: #0d1117 !important;
  background-image: none !important;
  color: #c9d1d9 !important;
}
html[data-personal-theme="dark"] body.app-nav-manage-team :is(
  .tm-management-hero,
  .tm-management-tabs,
  .tm-management-section-heading,
  .tm-management-mini-stat,
  .tm-page-stat-card,
  .tm-page-section-toolbar,
  .tm-page-filter-bar,
  .tm-page-member-card,
  .tm-team-card,
  .tm-page-security-hero,
  .tm-page-security-health,
  .tm-page-security-grid-redesign .tm-page-security-stat,
  .tm-page-security-section,
  .tm-page-role-dist-card,
  .tm-page-summary-item,
  .tm-page-access-card,
  .tm-page-access-row,
  .tm-page-activity-item-redesign,
  .tm-page-bulk-bar,
  .tm-page-modal
) {
  background: #161b22 !important;
  background-image: none !important;
  border-color: #30363d !important;
  color: #c9d1d9 !important;
  box-shadow: none !important;
}
html[data-personal-theme="dark"] body.app-nav-manage-team :is(
  .tm-management-hero-copy h1,
  .tm-management-section-heading h2,
  .tm-page-section-header h3,
  .tm-page-stat-value,
  .tm-page-member-name,
  .tm-team-card-name,
  .tm-page-security-hero-main h3,
  .tm-page-security-health strong,
  .tm-page-security-stat-value,
  .tm-page-security-stat-label,
  .tm-page-security-section-header strong,
  .tm-page-role-dist-card strong,
  .tm-page-summary-title-row strong,
  .tm-page-access-row-title,
  .tm-page-empty-state-title,
  .tm-page-modal-header
) { color: #f0f6fc !important; }
html[data-personal-theme="dark"] body.app-nav-manage-team :is(
  .tm-management-hero-copy p,
  .tm-management-section-heading p,
  .tm-page-section-header p,
  .tm-page-stat-label,
  .tm-mgmt-info,
  .tm-page-member-email,
  .tm-page-member-meta,
  .tm-team-card-meta,
  .tm-team-card-date,
  .tm-page-security-hero-main p,
  .tm-page-security-health small,
  .tm-page-security-stat-note,
  .tm-page-role-dist-card small,
  .tm-page-summary-copy p,
  .tm-page-access-row-subtitle,
  .tm-page-access-row-note,
  .tm-page-activity-time,
  .tm-page-empty-state-text
) { color: #9da7b3 !important; }
html[data-personal-theme="dark"] body.app-nav-manage-team .tm-page-nav-item {
  background: transparent !important;
  border-color: transparent !important;
  color: #c9d1d9 !important;
}
html[data-personal-theme="dark"] body.app-nav-manage-team .tm-page-nav-item:hover {
  background: #21262d !important;
  color: #ffffff !important;
}
html[data-personal-theme="dark"] body.app-nav-manage-team .tm-page-nav-item.active {
  background: #1d2a3a !important;
  border-color: #365f9d !important;
  color: #8bb9ff !important;
}
html[data-personal-theme="dark"] body.app-nav-manage-team :is(
  .tm-page-filter-bar select,
  .tm-page-member-select,
  .tm-search-box,
  .tm-search-box input
) {
  background: #0d1117 !important;
  border-color: #30363d !important;
  color: #f0f6fc !important;
}
html[data-personal-theme="dark"] body.app-nav-manage-team :is(
  .tm-page-member-actions .tm-icon-btn,
  .tm-team-card .tm-more-btn,
  .tm-team-view-btn
) {
  background: #20262e !important;
  border-color: #3a434e !important;
  color: #dce4ed !important;
}
html[data-personal-theme="dark"] body.app-nav-manage-team :is(
  .tm-page-member-actions .tm-icon-btn,
  .tm-team-card .tm-more-btn,
  .tm-team-view-btn
):hover {
  background: #2a3340 !important;
  border-color: #4c8bf5 !important;
  color: #ffffff !important;
}
html[data-personal-theme="dark"] body.app-nav-manage-team .tm-page-security-section-header {
  background: #111820 !important;
  border-color: #30363d !important;
}
html[data-personal-theme="dark"] body.app-nav-manage-team .tm-page-role-dist-bar-redesign {
  background: #30363d !important;
}
html[data-personal-theme="dark"] body.app-nav-manage-team .context-menu,
html[data-personal-theme="dark"] body.app-nav-manage-team .tm-more-menu {
  background: #161b22 !important;
  border-color: #30363d !important;
  color: #e6edf3 !important;
}
html[data-personal-theme="dark"] body.app-nav-manage-team .context-menu-item:hover {
  background: #21262d !important;
}

/* Keep scrollbars dark and unobtrusive inside the newly-dark surfaces. */
html[data-personal-theme="dark"] body :is(.dash-columns-dropdown,.widget-menu,.widget-submenu-list,.widget-picker,.manage-widget-list,.mytasks-dropdown,.team-page,.tm-page) {
  scrollbar-color: #4b5563 transparent !important;
}

/* r183b - cover older Team/Manage-Team component variants that are still
   rendered by secondary tabs/modals. */
html[data-personal-theme="dark"] body :is(
  .tm-member-card,.tm-role-info-card,.tm-perm-item,.tm-access-cat-tile,
  .tm-access-summary,.tm-members-insight,.tm-members-header,.tm-access-matrix,
  .mpp-header,.mpp-perm-item,.mpp-cat-none .mpp-cat-perm,.mpp-access-summary,
  .mpp-section,.mpp-profile-about-box
) {
  background: #161b22 !important;
  background-image: none !important;
  border-color: #30363d !important;
  color: #c9d1d9 !important;
  box-shadow: none !important;
}
html[data-personal-theme="dark"] body :is(
  .tm-role-select,.tm-member-access-select,.mpp-role-select,.mpp-role-select-inline,
  .mpp-inline-input,.mpp-email-edit,.mpp-job-edit
) {
  background: #0d1117 !important;
  border-color: #30363d !important;
  color: #f0f6fc !important;
  color-scheme: dark !important;
}
html[data-personal-theme="dark"] body :is(.mpp-action-btn,.tm-access-bulk-btn) {
  background: #20262e !important;
  border-color: #3a434e !important;
  color: #dce4ed !important;
}
html[data-personal-theme="dark"] body :is(.mpp-action-btn,.tm-access-bulk-btn):hover {
  background: #2a3340 !important;
  border-color: #4c8bf5 !important;
  color: #ffffff !important;
}
html[data-personal-theme="dark"] body.app-nav-manage-team :is(
  .tm-page-sidebar,.tm-page-topbar,.tm-page-section-header,.tm-page-access-matrix,
  .tm-page-empty-state,.tm-page-security-section-featured
) {
  background: #161b22 !important;
  background-image: none !important;
  border-color: #30363d !important;
  color: #c9d1d9 !important;
  box-shadow: none !important;
}
html[data-personal-theme="dark"] body.app-nav-manage-team .tm-page-modal-body :is(input,select,textarea) {
  background: #0d1117 !important;
  border-color: #30363d !important;
  color: #f0f6fc !important;
  color-scheme: dark !important;
}
html[data-personal-theme="dark"] body.app-nav-manage-team .tm-page-modal-footer {
  background: #111820 !important;
  border-color: #30363d !important;
}
html[data-personal-theme="dark"] body.app-nav-manage-team .tm-page-modal-footer button:not(.primary) {
  background: #20262e !important;
  border-color: #3a434e !important;
  color: #dce4ed !important;
}
html[data-personal-theme="dark"] body.app-nav-manage-team .tm-page-empty-state {
  border-style: dashed !important;
}

/* v183b: keep the Settings back control visible on hover in both tenant themes. */
body[data-page="settings"] .settings-topbar-back:hover,
body[data-page="settings"] #settingsTopbarBackBtn:hover,
body[data-page="settings"] #settingsBack:hover {
  background: var(--tenant-button, var(--tenant-primary, var(--brand-green, #007380))) !important;
  background-color: var(--tenant-button, var(--tenant-primary, var(--brand-green, #007380))) !important;
  border-color: var(--tenant-button, var(--tenant-primary, var(--brand-green, #007380))) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body[data-page="settings"] .settings-topbar-back:hover > i,
body[data-page="settings"] .settings-topbar-back:hover > i::before,
body[data-page="settings"] #settingsTopbarBackBtn:hover > i,
body[data-page="settings"] #settingsTopbarBackBtn:hover > i::before,
body[data-page="settings"] #settingsBack:hover > i,
body[data-page="settings"] #settingsBack:hover > i::before {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Team Access Overview moved to Overview. Empty state is intentionally neutral;
   categories with zero team-member access are not rendered. */
.tm-access-overview-empty {
  min-height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: var(--text-muted, #64748b);
  font-size: 13px;
  font-weight: 600;
  border: 1px dashed var(--border, #dbe3ea);
  border-radius: 12px;
  background: color-mix(in srgb, var(--bg-surface, #ffffff) 94%, transparent);
}