/**
 * Modern roadmap & profile action controls — table,
board,
MoSCoW,
profiles.
 * Loaded last so it overrides legacy stacked / segmented layouts.
 */

:root {
  --action-view: #4338ca;
  --action-view-bg: #eef2ff;
  --action-view-border: rgba(99, 102, 241, 0.28);
  --action-edit: #b45309;
  --action-edit-bg: #fffbeb;
  --action-edit-border: rgba(245, 158, 11, 0.35);
  --action-delete: #b91c1c;
  --action-delete-bg: #fef2f2;
  --action-delete-border: rgba(239, 68, 68, 0.32);
  --action-surface: #ffffff;
  --action-group-bg: #f8fafc;
  --action-group-border: rgba(148, 163, 184, 0.28);
  --action-radius: 10px;
  --action-radius-sm: 8px;
  --action-transition: 0.16s ease;
}/* ── Shared action button ─────────────────────────────────── */
.roadmap-action-btn,
.profiles-panel--v2 .profiles-select__actions .profile-action-chip,
.profiles-panel--v2 .profiles-select__actions .profile-icon-btn,
.profiles-panel-sheet .profiles-select__actions .profile-action-chip,
.profiles-panel-sheet .profiles-select__actions .profile-icon-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.38rem !important;
  min-height: 34px !important;
  padding: 0.34rem 0.62rem !important;
  border-radius: var(--action-radius-sm) !important;
  border: 1px solid var(--action-group-border) !important;
  background: var(--action-surface) !important;
  color: #334155 !important;
  font-family: inherit !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.1 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  transition:
    background var(--action-transition),
    border-color var(--action-transition),
    color var(--action-transition),
    box-shadow var(--action-transition),
    transform var(--action-transition) !important;
}.roadmap-action-btn__icon,
.profiles-panel--v2 .profiles-select__actions .profile-action-chip svg,
.profiles-panel--v2 .profiles-select__actions .profile-icon-btn svg,
.profiles-panel-sheet .profiles-select__actions .profile-action-chip svg,
.profiles-panel-sheet .profiles-select__actions .profile-icon-btn svg {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 15px !important;
  height: 15px !important;
  line-height: 0 !important;
}.roadmap-action-btn__icon svg {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
}.roadmap-action-btn__label,
.profiles-panel--v2 .profiles-select__actions .profile-action-label--visible,
.profiles-panel-sheet .profiles-select__actions .profile-action-label--visible {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
}.roadmap-action-btn--view {
  color: var(--action-view) !important;
  background: var(--action-view-bg) !important;
  border-color: var(--action-view-border) !important;
}.roadmap-action-btn--edit {
  color: var(--action-edit) !important;
  background: var(--action-edit-bg) !important;
  border-color: var(--action-edit-border) !important;
}.roadmap-action-btn--delete {
  color: var(--action-delete) !important;
  background: var(--action-delete-bg) !important;
  border-color: var(--action-delete-border) !important;
}.roadmap-action-btn:hover:not(:disabled) {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
}.roadmap-action-btn--view:hover:not(:disabled) {
  background: #e0e7ff !important;
  border-color: rgba(99, 102, 241, 0.45) !important;
}.roadmap-action-btn--edit:hover:not(:disabled) {
  background: #fef3c7 !important;
  border-color: rgba(245, 158, 11, 0.5) !important;
}.roadmap-action-btn--delete:hover:not(:disabled) {
  background: #fee2e2 !important;
  border-color: rgba(239, 68, 68, 0.45) !important;
}.roadmap-action-btn:active:not(:disabled) {
  transform: translateY(0) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}.roadmap-action-btn:disabled {
  opacity: 0.58 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}.roadmap-action-btn:focus-visible {
  outline: 2px solid rgba(99, 102, 241, 0.45) !important;
  outline-offset: 2px !important;
}.roadmap-action-btn--icon-only {
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0.34rem !important;
  gap: 0 !important;
}.roadmap-action-btn--icon-only .roadmap-action-btn__label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}/* ── Table row actions — grouped icon toolbar (all profiles) ─ */
.roadmap-row-actions,
.cell-actions--roadmap.roadmap-row-actions,
.table-wrapper--modern .cell-actions--roadmap.roadmap-row-actions,
.table-wrapper .cell-actions--roadmap.roadmap-row-actions {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.06rem !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 0.1rem !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background: var(--action-group-bg) !important;
  border: 1px solid var(--action-group-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  vertical-align: middle !important;
}.roadmap-row-actions .roadmap-action-btn,
.roadmap-action-btn--toolbar {
  flex: 1 1 0 !important;
  width: 28px !important;
  min-width: 0 !important;
  max-width: 28px !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  border: none !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  background: transparent !important;
  transform: none !important;
}.roadmap-row-actions .roadmap-action-btn__icon,
.roadmap-row-actions .roadmap-action-btn__icon svg,
.roadmap-action-btn--toolbar .roadmap-action-btn__icon,
.roadmap-action-btn--toolbar .roadmap-action-btn__icon svg {
  width: 14px !important;
  height: 14px !important;
}.roadmap-row-actions .roadmap-action-btn--view,
.roadmap-action-btn--toolbar.roadmap-action-btn--view {
  color: var(--action-view) !important;
  background: transparent !important;
  border-color: transparent !important;
}.roadmap-row-actions .roadmap-action-btn--edit,
.roadmap-action-btn--toolbar.roadmap-action-btn--edit {
  color: var(--action-edit) !important;
  background: transparent !important;
  border-color: transparent !important;
}.roadmap-row-actions .roadmap-action-btn--delete,
.roadmap-action-btn--toolbar.roadmap-action-btn--delete {
  color: var(--action-delete) !important;
  background: transparent !important;
  border-color: transparent !important;
}.roadmap-row-actions .roadmap-action-btn:hover:not(:disabled),
.roadmap-action-btn--toolbar:hover:not(:disabled) {
  transform: none !important;
  background: #ffffff !important;
  box-shadow: none !important;
  border-color: transparent !important;
}.roadmap-row-actions .roadmap-action-btn--view:hover:not(:disabled),
.roadmap-row-actions .roadmap-action-btn--edit:hover:not(:disabled),
.roadmap-row-actions .roadmap-action-btn--delete:hover:not(:disabled),
.roadmap-action-btn--toolbar.roadmap-action-btn--view:hover:not(:disabled),
.roadmap-action-btn--toolbar.roadmap-action-btn--edit:hover:not(:disabled),
.roadmap-action-btn--toolbar.roadmap-action-btn--delete:hover:not(:disabled) {
  background: #ffffff !important;
  border-color: transparent !important;
}.roadmap-row-actions .roadmap-action-btn__label,
.roadmap-action-btn--toolbar .roadmap-action-btn__label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}.roadmap-row-actions .roadmap-action-btn:disabled,
.roadmap-action-btn--toolbar:disabled {
  opacity: 0.48 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}.profiles-panel--v2 .profiles-select__actions .profile-action-chip--view,
.profiles-panel-sheet .profiles-select__actions .profile-action-chip--view {
  color: var(--action-view) !important;
  background: var(--action-view-bg) !important;
  border-color: var(--action-view-border) !important;
}.profiles-panel--v2 .profiles-select__actions .profile-action-chip--edit,
.profiles-panel-sheet .profiles-select__actions .profile-action-chip--edit {
  color: var(--action-edit) !important;
  background: var(--action-edit-bg) !important;
  border-color: var(--action-edit-border) !important;
}.profiles-panel--v2 .profiles-select__actions .profile-action-chip--danger,
.profiles-panel-sheet .profiles-select__actions .profile-action-chip--danger {
  color: var(--action-delete) !important;
  background: var(--action-delete-bg) !important;
  border-color: var(--action-delete-border) !important;
}/* ── Board / MoSCoW card actions ────────────────────────── */
.scrum-board-card-actions,
.moscow-board-card-actions {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.35rem !important;
}.scrum-board-card-btn,
.moscow-board-card-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  min-height: 32px !important;
  padding: 0.32rem 0.58rem !important;
  border-radius: var(--action-radius-sm) !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  border: 1px solid var(--action-group-border) !important;
  background: var(--action-surface) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  transition:
    background var(--action-transition),
    border-color var(--action-transition),
    transform var(--action-transition),
    box-shadow var(--action-transition) !important;
}.scrum-board-card-btn--view,
.moscow-board-card-btn--view {
  color: var(--action-view) !important;
  background: var(--action-view-bg) !important;
  border-color: var(--action-view-border) !important;
}.scrum-board-card-btn--edit,
.moscow-board-card-btn--edit {
  color: var(--action-edit) !important;
  background: var(--action-edit-bg) !important;
  border-color: var(--action-edit-border) !important;
}.scrum-board-card-btn--delete,
.moscow-board-card-btn--delete {
  color: var(--action-delete) !important;
  background: var(--action-delete-bg) !important;
  border-color: var(--action-delete-border) !important;
}.scrum-board-card-btn:hover:not(:disabled),
.moscow-board-card-btn:hover:not(:disabled) {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
}.portfolio-card-action-icon svg {
  width: 15px !important;
  height: 15px !important;
}/* Desktop — View / Edit / Delete + reorder arrows on one row */
html.is-desktop-layout .scrum-board-card-actions,
html.is-desktop-layout .moscow-board-card-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 0.3rem !important;
  box-sizing: border-box !important;
}html.is-desktop-layout .scrum-board-card-actions-order,
html.is-desktop-layout .moscow-board-card-actions-order {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
  gap: 0.25rem !important;
}html.is-desktop-layout .scrum-board-card-actions .portfolio-card-action-btn,
html.is-desktop-layout .moscow-board-card-actions .portfolio-card-action-btn {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  padding: 0.28rem 0.45rem !important;
  font-size: 0.68rem !important;
}html.is-desktop-layout .scrum-board-card-actions .portfolio-card-action-text,
html.is-desktop-layout .moscow-board-card-actions .portfolio-card-action-text {
  white-space: nowrap;
}html.is-desktop-layout .scrum-board-card-btn--order,
html.is-desktop-layout .moscow-board-card-btn--order {
  flex: 0 0 auto !important;
  min-width: 1.65rem !important;
  padding: 0.22rem 0.38rem !important;
}/* ── Compact / touch layouts (board & profile actions; table toolbar unchanged) ── */
@media (max-width: 1400px) {
  html.is-compact-layout .cell-actions--roadmap:not(.roadmap-row-actions) {
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.3rem !important;
  }

  html.is-compact-layout .roadmap-action-btn:not(.roadmap-action-btn--toolbar) {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    padding: 0.38rem 0.35rem !important;
  }

  html.is-compact-layout .roadmap-action-btn:not(.roadmap-action-btn--toolbar) .roadmap-action-btn__label {
    font-size: 0.68rem !important;
  }

  html.is-compact-layout .moscow-board-card-actions,
  html.is-compact-layout .scrum-board-card-actions {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 0.3rem !important;
    width: auto !important;
    min-width: 0 !important;
  }

  html.is-compact-layout .portfolio-card-action-btn,
  html.is-compact-layout .moscow-board-card-btn,
  html.is-compact-layout .scrum-board-card-btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 36px !important;
    max-height: none !important;
    padding: 0.34rem 0.35rem !important;
    gap: 0.28rem !important;
  }

  html.is-compact-layout .portfolio-card-action-text {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    font-size: 0.66rem !important;
    font-weight: 600 !important;
  }
}

@media (max-width: 420px) {
  html.is-compact-layout .roadmap-action-btn:not(.roadmap-action-btn--toolbar) .roadmap-action-btn__label,
  html.is-compact-layout .portfolio-card-action-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  html.is-compact-layout .roadmap-action-btn:not(.roadmap-action-btn--toolbar),
  html.is-compact-layout .portfolio-card-action-btn,
  html.is-compact-layout .moscow-board-card-btn,
  html.is-compact-layout .scrum-board-card-btn {
    padding: 0.38rem !important;
    min-width: 38px !important;
  }

  .profiles-panel--v2 .profiles-card-actions--footer .profile-action-label--visible {
    font-size: 0.64rem !important;
  }
}/* Desktop profile switcher actions — refined semantic chips */
@media (min-width: 1401px) {
  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-action-chip,
  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-icon-btn {
    flex: 1 1 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.42rem !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 0.48rem 0.62rem !important;
    border-radius: 10px !important;
    font-size: 0.76rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.015em !important;
    line-height: 1.15 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
    transition:
      background 0.18s ease,
      border-color 0.18s ease,
      color 0.18s ease,
      box-shadow 0.18s ease,
      transform 0.18s ease !important;
  }

  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-action-chip svg,
  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-icon-btn svg {
    flex: 0 0 auto !important;
    width: 16px !important;
    height: 16px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    display: block !important;
  }

  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-action-chip--view,
  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-icon-btn--view {
    color: var(--action-view) !important;
    background: linear-gradient(180deg, #f8f9ff 0%, var(--action-view-bg) 100%) !important;
    border: 1px solid var(--action-view-border) !important;
  }

  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-action-chip--view svg,
  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-icon-btn--view svg {
    color: var(--action-view) !important;
  }

  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-action-chip--edit,
  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-icon-btn--edit {
    color: var(--action-edit) !important;
    background: linear-gradient(180deg, #fffdf5 0%, var(--action-edit-bg) 100%) !important;
    border: 1px solid var(--action-edit-border) !important;
  }

  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-action-chip--edit svg,
  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-icon-btn--edit svg {
    color: var(--action-edit) !important;
  }

  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-action-chip--danger,
  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-icon-btn--danger {
    color: var(--action-delete) !important;
    background: linear-gradient(180deg, #fffafa 0%, var(--action-delete-bg) 100%) !important;
    border: 1px solid var(--action-delete-border) !important;
  }

  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-action-chip--danger svg,
  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-icon-btn--danger svg {
    color: var(--action-delete) !important;
  }

  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-action-label--visible {
    font-size: 0.76rem !important;
    font-weight: 600 !important;
  }

  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-action-chip--view:hover:not(:disabled),
  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-icon-btn--view:hover:not(:disabled) {
    background: #e0e7ff !important;
    border-color: rgba(99, 102, 241, 0.42) !important;
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.14) !important;
    transform: translateY(-1px) !important;
  }

  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-action-chip--edit:hover:not(:disabled),
  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-icon-btn--edit:hover:not(:disabled) {
    background: #fef3c7 !important;
    border-color: rgba(245, 158, 11, 0.48) !important;
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.14) !important;
    transform: translateY(-1px) !important;
  }

  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-action-chip--danger:hover:not(:disabled),
  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-icon-btn--danger:hover:not(:disabled) {
    background: #fee2e2 !important;
    border-color: rgba(239, 68, 68, 0.42) !important;
    box-shadow: 0 4px 14px rgba(239, 68, 68, 0.12) !important;
    transform: translateY(-1px) !important;
  }

  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-action-chip:active:not(:disabled),
  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-icon-btn:active:not(:disabled) {
    transform: translateY(0) scale(0.98) !important;
  }

  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-action-chip:focus-visible,
  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-icon-btn:focus-visible {
    outline: none !important;
  }

  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-action-chip--view:focus-visible,
  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-icon-btn--view:focus-visible {
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.22) !important;
  }

  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-action-chip--edit:focus-visible,
  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-icon-btn--edit:focus-visible {
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.22) !important;
  }

  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-action-chip--danger:focus-visible,
  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-icon-btn--danger:focus-visible {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2) !important;
  }

  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-action-chip:disabled,
  html.is-desktop-layout .profiles-panel--v2 .profiles-select__actions .profile-icon-btn:disabled {
    opacity: 0.52 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .roadmap-action-btn,
  .scrum-board-card-btn,
  .moscow-board-card-btn,
  .profiles-panel--v2 .profiles-card-actions--footer .profile-action-chip {
    transition: none !important;
  }
}