/* Illustrator r01, 2026-11-06. Presentation only: no permissions or data changes. */
/* Neutral canvas separates white cards without changing client identity or alerts. */
body.compact-board-shell .main-content-wrapper {
  background: #eef0f3;
}
body.compact-board-shell .kanban-board > .column {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0;
}
body.compact-board-shell .column-header {
  min-height: 46px;
  padding: 11px 14px;
  margin-bottom: 10px;
  border-radius: 7px;
}
body.compact-board-shell .column-cards-container {
  background: transparent;
  padding: 2px 5px 10px;
  gap: 8px;
}
body.compact-board-shell .column-cards-container.drag-over {
  background: var(--workspace-accent-soft, #efedff) !important;
  outline-color: var(--workspace-accent, #6756d8);
}
body.compact-board-shell .column-header-left { gap: 5px 8px; }
body.compact-board-shell .column-count { font-size: .65rem; line-height: 1.35; }
body.compact-board-shell .column .card {
  border-radius: 5px !important;
  box-shadow: none !important;
}
body.compact-board-shell .column .card:hover { transform: none !important; }
body.compact-board-shell .card-body-content { padding: 12px; }
body.compact-board-shell .column .card .card-title {
  font-size: .85rem;
  line-height: 1.45;
  margin-bottom: 16px;
}
/* Quick tasks are single-line strips, not miniature project cards. */
@media (min-width: 901px) {
  body.compact-board-shell .kanban-board.has-finalize-stage > .column {
    flex-basis: 210px;
    min-width: 210px;
  }
  body.compact-board-shell .has-finalize-stage .column-header-left { flex-wrap: wrap; }
}
body.compact-board-shell .quick-task-card {
  --task-stripe: #26262b;
  --task-surface: #e0e0e3;
  position: relative;
  flex: 0 0 auto;
  min-height: 36px;
  padding: 9px 11px 6px;
  margin: 0;
  gap: 8px;
  border: 1px solid #bfc0c5;
  border-radius: 7px;
  background: var(--task-surface) !important;
  color: #29292f !important;
  overflow: hidden;
  box-shadow: none;
}
body.compact-board-shell .quick-task-red {
  --task-stripe: var(--workspace-accent, #b72531);
  --task-surface: color-mix(in srgb, var(--workspace-accent, #b72531) 13%, white);
}
body.compact-board-shell .quick-task-card::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, var(--task-stripe), transparent 85%);
  pointer-events: none;
}
body.compact-board-shell .quick-task-card strong {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: .8rem;
  line-height: 20px;
}
body.compact-board-shell .quick-task-card > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #55555f;
  font-size: .68rem;
  font-variant-numeric: tabular-nums;
}
body.compact-board-shell .quick-task-card > span::after {
  content: '';
  width: 10px;
  height: 10px;
  border: 1px solid currentColor;
  border-radius: 50%;
}
body.compact-board-shell .quick-task-card[data-completed="true"] > span::after {
  background: currentColor;
  box-shadow: inset 0 0 0 2px var(--task-surface);
}
/* Keep the complete name in its existing title/accessible label. */
body.compact-board-shell .column .seiz-pending-card.card {
  min-height: 40px !important;
  padding: 7px 10px !important;
  gap: 8px;
  opacity: 1;
}
body.compact-board-shell .column .seiz-pending-card.card .card-title {
  min-height: 0;
  font-size: .76rem;
  line-height: 20px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.compact-board-shell .card.has-unread-activity {
  outline: 2px solid var(--workspace-accent, #6756d8);
  outline-offset: 2px;
  box-shadow: none !important;
}
body.compact-board-shell .card-unread-bell {
  color: var(--workspace-accent, #6756d8);
  background: var(--workspace-accent-soft, #efedff);
  padding: 4px 5px;
  border-radius: 5px;
}
body.compact-board-shell .completed-toggle {
  border-color: transparent;
  color: var(--workspace-accent, #6756d8);
  font-weight: 700;
}
/* Dark Seiz chrome stays intact; the summary fades into a quiet member area. */
body.compact-board-shell [data-module-preset="seiz"] .board-hero-banner {
  background: linear-gradient(90deg, #242428 0%, #626267 24%, #f6f6f8 62%, #fff 100%) !important;
  border-bottom: 1px solid #c8c8ce !important;
}
body.compact-board-shell [data-module-preset="seiz"] .board-hero-title {
  text-shadow: 0 1px 2px #0005;
}
body.compact-board-shell [data-module-preset="seiz"] .board-overview-trigger {
  color: #29292f;
  background: #e0e0e3;
  border-color: #bfc0c5;
}
body.compact-board-shell [data-module-preset="seiz"] .board-overview-trigger:hover { background: #d2d2d7; }
body.compact-board-shell [data-module-preset="seiz"] .column-header { border-radius: 7px; }
body.compact-board-shell [data-module-preset="seiz"] .column-header-left::before { display: none; }
body.compact-board-shell #btnMeeting,
body.compact-board-shell #btnQuickTask {
  background: #e0e0e3;
  border: 1px solid #bfc0c5;
  box-shadow: none;
  color: #29292f;
}
body.compact-board-shell #btnMeeting svg { color: var(--workspace-accent, #6756d8); }
/* Preserve touch targets and visible keyboard focus despite denser desktop rows. */
@media (pointer: coarse) {
  body.compact-board-shell .quick-task-card,
  body.compact-board-shell .column .seiz-pending-card.card { min-height: 44px !important; }
  body.compact-board-shell .completed-toggle { width: 44px; height: 44px; }
}
@media (max-width: 600px) {
  body.compact-board-shell .toolbar-left-group { flex-wrap: wrap; }
  body.compact-board-shell .search-box { flex: 1 1 100%; width: 100%; }
  body.compact-board-shell .filter-chips {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1 1 100%;
    width: 100%;
    max-width: none;
    gap: 4px;
  }
  body.compact-board-shell .filter-chips .chip { min-height: 40px; padding: 8px 10px; }
  body.compact-board-shell [data-module-preset="seiz"] .board-hero-banner {
    background: linear-gradient(90deg, #242428 0%, #414147 45%, #68686f 100%) !important;
  }
}
@media (forced-colors: active) {
  body.compact-board-shell .quick-task-card { border: 1px solid ButtonText; }
  body.compact-board-shell .card.has-unread-activity { outline-color: Highlight; }
}