/* Modules / Epics */
.module-card {
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 18px;
  transition: all 0.15s;
  cursor: pointer;
}
.module-card:hover { border-color: var(--brand); transform: translateY(-2px); box-shadow: var(--shadow); }
.module-id { font-family: var(--mono); font-size: 11px; color: var(--brand-2); }
.module-name { font-size: 15px; font-weight: 600; margin: 6px 0 8px; }
.module-desc { font-size: 12.5px; color: var(--text-1); line-height: 1.5; margin-bottom: 10px; }
.module-meta { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.criticality-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; margin-right: 4px; }
.criticality-dot.High { background: var(--danger); }
.criticality-dot.Medium { background: var(--warn); }
.criticality-dot.Low { background: var(--ok); }

/* Story row */
.story-row { padding: 10px 0; border-bottom: 1px solid var(--line); }
.story-row:last-child { border-bottom: none; }
.story-id { font-family: var(--mono); font-size: 11px; color: var(--brand-2); }
.story-text { font-size: 13px; color: var(--text-0); margin: 4px 0; line-height: 1.5; }
.story-meta { display: flex; gap: 8px; flex-wrap: wrap; font-size: 11px; color: var(--text-2); align-items: center; }


/* ===== WORK — sekmeler ve görünüm anahtarı =====
   Tickets ve Backlog tek sayfada sekme oldu. Sekme çubuğu sayfa başlığının
   hemen altında duruyor ve kenar çubuğundaki üç kalemi tek kaleme indiren
   şeyin görsel karşılığı bu. */
.work-tabs {
  display: flex; gap: 4px;
  border-bottom: 1px solid var(--line);
  margin: 0 0 var(--sp-4);
}
.work-tab {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font); font-size: 13.5px; font-weight: 600;
  color: var(--text-2); background: transparent;
  border: 0; border-bottom: 2px solid transparent;
  padding: 10px 16px; margin-bottom: -1px;
  cursor: pointer;
  transition: color .15s var(--ease), border-color .15s var(--ease);
}
.work-tab:hover { color: var(--text-0); }
.work-tab.active { color: var(--text-0); border-bottom-color: var(--brand); }
.work-tab-count {
  font-size: 10.5px; font-weight: 700; line-height: 1;
  padding: 3px 7px; border-radius: var(--r-pill);
  background: var(--bg-2); color: var(--text-2);
}
.work-tab.active .work-tab-count { background: var(--brand-soft); color: var(--brand-2); }

/* Pano / Tablo anahtarı — filtre çubuğunun içinde */
.view-toggle { display: inline-flex; border: 1px solid var(--line-2); border-radius: var(--r-md); overflow: hidden; }
.view-toggle-btn {
  font-family: var(--font); font-size: 12px; font-weight: 600;
  color: var(--text-2); background: transparent; border: 0;
  padding: 6px 12px; cursor: pointer;
  transition: background .15s var(--ease), color .15s var(--ease);
}
.view-toggle-btn:hover { color: var(--text-0); }
.view-toggle-btn.active { background: var(--brand-soft); color: var(--brand-2); }

@media (max-width: 640px) {
  .work-tabs { overflow-x: auto; }
  .work-tab { padding: 10px 12px; font-size: 13px; white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) {
  .work-tab, .view-toggle-btn { transition: none; }
}