/* ============================================
   Ideas Page Styles
   ============================================ */
/* JIRA page tabs */
.jira-tabs {
  display: flex;
  gap: 0;
  border-bottom: 2px solid var(--color-gray-20);
  margin-bottom: var(--space-lg);
}

.jira-tab {
  padding: var(--space-sm) var(--space-lg);
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-secondary);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: color 0.15s, border-color 0.15s;
}

.jira-tab:hover {
  color: var(--color-text-primary);
}

.jira-tab-active {
  color: var(--color-primary);
  border-bottom-color: var(--color-primary);
}

.jira-tab-count {
  display: inline-block;
  background: var(--color-gray-20);
  color: var(--color-text-secondary);
  padding: 1px 7px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 4px;
}

.jira-tab-active .jira-tab-count {
  background: var(--color-primary-light);
  color: var(--color-primary-darker);
}

.jira-tab-panel {
  min-height: 200px;
}

.quarter-picker select {
  padding: var(--space-sm) var(--space-md);
  border: 1px solid var(--color-gray-30);
  border-radius: var(--radius-sm);
  font-size: 14px;
  font-family: var(--font-family);
  background: var(--color-surface);
  cursor: pointer;
}

.ideas-sync-status {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-md);
  background: var(--color-gray-10);
  border-radius: var(--radius-sm);
  margin-bottom: var(--space-lg);
  font-size: 13px;
  flex-wrap: wrap;
}

.sync-meta {
  color: var(--color-text-muted);
}

.sync-error {
  width: 100%;
  margin-top: var(--space-sm);
  color: #b91c1c;
  font-size: 12px;
}

.ideas-team-group {
  margin-bottom: var(--space-xl);
}

.ideas-team-header {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  margin-bottom: var(--space-sm);
  font-size: 15px;
}

.ideas-team-count {
  background: var(--color-gray-20);
  color: var(--color-text-secondary);
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
}

.ideas-unmatched-hint {
  font-size: 13px;
  color: var(--color-text-muted);
  margin-bottom: var(--space-sm);
}

.ideas-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.ideas-table thead th {
  text-align: left;
  padding: var(--space-sm) var(--space-md);
  font-size: 12px;
  font-weight: 600;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 1px solid var(--color-gray-20);
  white-space: nowrap;
}

.ideas-table tbody td {
  padding: var(--space-sm) var(--space-md);
  border-bottom: 1px solid var(--color-gray-10);
  vertical-align: middle;
  white-space: nowrap;
}

.ideas-table .td-summary {
  white-space: normal;
}

.ideas-table .td-key a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
}

.ideas-table .td-key a:hover {
  text-decoration: underline;
}

/* Jira key links (used in table view) */
.team-card-idea-key {
  font-weight: 700;
  color: var(--color-primary);
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 11px;
}

a.team-card-idea-key:hover {
  text-decoration: underline;
}

/* Teams table expandable ideas */
#teams-table-view .page-panel-header {
  display: flex;
  align-items: center;
}

.teams-table-collapse-all {
  margin-left: auto;
  font-size: 12px;
  padding: var(--space-xs) var(--space-sm);
}

.teams-table-ideas-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font-size: 13px;
}

.teams-table-ideas-arrow {
  font-size: 9px;
  color: var(--color-text-muted);
  transition: transform 0.15s ease;
}

.teams-table-ideas-row.collapsed .teams-table-ideas-arrow,
.teams-table-ideas-toggle[aria-expanded="false"] .teams-table-ideas-arrow {
  transform: rotate(-90deg);
}

.teams-table-ideas-row {
  background: var(--color-gray-05, #fafafa);
}

.teams-table-ideas-row.collapsed {
  display: none;
}

.teams-table-ideas-cell {
  padding: 0 !important;
  border-bottom: 1px solid var(--color-gray-20);
}

.teams-table-ideas-list {
  padding: var(--space-xs) var(--space-md) var(--space-sm);
}

.teams-table-idea {
  display: flex;
  align-items: baseline;
  gap: var(--space-sm);
  padding: 3px 0;
  font-size: 12px;
  line-height: 1.4;
}

.teams-table-idea-summary {
  color: var(--color-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
}

.ideas-count-link {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
}

.ideas-count-link:hover {
  text-decoration: underline;
}

.team-card-release-key {
  font-weight: 700;
  color: var(--color-success);
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 11px;
}

a.team-card-release-key:hover {
  text-decoration: underline;
}

/* Teams table expandable releases */
.teams-table-releases-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font-size: 13px;
}

.teams-table-releases-arrow {
  font-size: 9px;
  color: var(--color-text-muted);
  transition: transform 0.15s ease;
}

.teams-table-releases-row.collapsed .teams-table-releases-arrow,
.teams-table-releases-toggle[aria-expanded="false"] .teams-table-releases-arrow {
  transform: rotate(-90deg);
}

.teams-table-releases-row {
  background: var(--color-gray-05, #fafafa);
}

.teams-table-releases-row.collapsed {
  display: none;
}

.teams-table-releases-cell {
  padding: 0 !important;
  border-bottom: 1px solid var(--color-gray-20);
}

.teams-table-releases-list {
  padding: var(--space-xs) var(--space-md) var(--space-sm);
}

.teams-table-release {
  display: flex;
  align-items: baseline;
  gap: var(--space-sm);
  padding: 3px 0;
  font-size: 12px;
  line-height: 1.4;
}

.teams-table-release-summary {
  color: var(--color-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
}

.releases-count-link {
  color: var(--color-success);
  text-decoration: none;
  font-weight: 600;
}

.releases-count-link:hover {
  text-decoration: underline;
}

/* Teams table expandable PRs */
.teams-table-prs-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font: inherit;
}

.teams-table-prs-arrow {
  font-size: 9px;
  color: var(--color-text-muted);
  transition: transform 0.15s;
}

.teams-table-prs-row.collapsed .teams-table-prs-arrow,
.teams-table-prs-toggle[aria-expanded="false"] .teams-table-prs-arrow {
  transform: rotate(-90deg);
}

.teams-table-prs-row {
  background: var(--color-gray-05, #fafafa);
}

.teams-table-prs-row.collapsed {
  display: none;
}

.teams-table-prs-cell {
  padding: 0 !important;
  border-bottom: 1px solid var(--color-gray-20);
}

.teams-table-prs-list {
  padding: var(--space-xs) var(--space-md) var(--space-sm);
}

.teams-table-pr {
  display: flex;
  align-items: baseline;
  gap: var(--space-sm);
  padding: 3px 0;
  font-size: 12px;
  line-height: 1.4;
}

.teams-table-pr-repo {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  white-space: nowrap;
}

.teams-table-pr-repo:hover {
  text-decoration: underline;
}

.teams-table-pr-summary {
  color: var(--color-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
}

.teams-table-pr-stats {
  color: var(--color-text-muted);
  white-space: nowrap;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

.teams-table-pr-date {
  color: var(--color-text-muted);
  white-space: nowrap;
  font-size: 11px;
}

.badge--merged {
  background: var(--color-success, #28a745);
  color: #fff;
}

.badge--open {
  background: var(--color-primary, #0366d6);
  color: #fff;
}

.badge--closed {
  background: var(--color-text-muted, #6a737d);
  color: #fff;
}

/* Teams table expandable support tickets */
.teams-table-support-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font: inherit;
}

.teams-table-support-arrow {
  font-size: 9px;
  color: var(--color-text-muted);
  transition: transform 0.15s;
}

.teams-table-support-row.collapsed .teams-table-support-arrow,
.teams-table-support-toggle[aria-expanded="false"] .teams-table-support-arrow {
  transform: rotate(-90deg);
}

.teams-table-support-row {
  background: var(--color-gray-05, #fafafa);
}

.teams-table-support-row.collapsed {
  display: none;
}

.teams-table-support-cell {
  padding: 0 !important;
  border-bottom: 1px solid var(--color-gray-20);
}

.teams-table-support-list {
  padding: var(--space-xs) var(--space-md) var(--space-sm);
}

.teams-table-support-ticket {
  display: flex;
  align-items: baseline;
  gap: var(--space-sm);
  padding: 3px 0;
  font-size: 12px;
  line-height: 1.4;
}

.teams-table-support-key {
  color: var(--color-warning, #d97706);
  text-decoration: none;
  font-weight: 500;
  white-space: nowrap;
}

a.teams-table-support-key:hover {
  text-decoration: underline;
}

.teams-table-support-summary {
  color: var(--color-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
}

.teams-table-support-date {
  color: var(--color-text-muted);
  white-space: nowrap;
  font-size: 11px;
}

.badge--support {
  background: var(--color-warning, #d97706);
  color: #fff;
}