/* Project "Обзор" in the approved board concept: white cards, tasks on the left, status and workload on the right. */
.workspace > .dashboard-view { margin: 0 24px 32px !important; padding: 0 !important; display: grid !important; grid-template-columns: minmax(0,1.7fr) minmax(300px,1fr) !important; align-items: start !important; gap: 16px !important; background: #fff !important; }
.dashboard-view > .task-visibility-bar { display: none !important; }
.dashboard-view > .overview-hero { grid-column: 1 / -1 !important; grid-row: 1 !important; }
.dashboard-view > .overview-tasks { grid-column: 1 !important; grid-row: 2 / span 3 !important; }
.dashboard-view > .overview-update { grid-column: 2 !important; grid-row: 2 !important; }
.dashboard-view > .overview-bars:nth-child(6) { grid-column: 2 !important; grid-row: 3 !important; }
.dashboard-view > .overview-bars:nth-child(7) { grid-column: 2 !important; grid-row: 4 !important; }
.dashboard-view > .overview-feed { grid-column: 1 / -1 !important; grid-row: 5 !important; }

.dashboard-view :is(.overview-hero,.dash-panel) { margin: 0 !important; padding: 18px 20px !important; border: 1px solid #eae5f3 !important; border-radius: 8px !important; background: #fff !important; box-shadow: none !important; }
.dashboard-view .overview-hero::before,.dashboard-view .overview-hero::after { display: none !important; }
.dashboard-view .overview-head { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 16px !important; margin: 0 0 18px !important; }
.dashboard-view .overview-kicker { color: #898397 !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: uppercase !important; }
.dashboard-view .overview-head h3 { margin: 6px 0 4px !important; color: #24202c !important; font-size: 22px !important; font-weight: 600 !important; letter-spacing: -.3px !important; }
.dashboard-view .overview-head p { margin: 0 !important; color: #898397 !important; font-size: 14px !important; }
.dashboard-view .overview-head .primary { min-height: 40px !important; padding: 8px 16px !important; border: 0 !important; border-radius: 7px !important; background: #7954d6 !important; box-shadow: none !important; color: #fff !important; font-size: 14px !important; white-space: nowrap !important; }

.dashboard-view .overview-progress { display: grid !important; grid-template-columns: 1fr auto !important; gap: 8px !important; margin: 0 0 18px !important; }
.dashboard-view .overview-progress span { color: #746c84 !important; font-size: 14px !important; }
.dashboard-view .overview-progress strong { color: #7047db !important; font-size: 14px !important; font-weight: 600 !important; }
.dashboard-view meter { grid-column: 1 / -1; width: 100% !important; height: 6px !important; border: 0 !important; border-radius: 4px !important; background: #e6e0ef !important; appearance: none; -webkit-appearance: none; }
.dashboard-view meter::-webkit-meter-bar { height: 6px; border: 0; border-radius: 4px; background: #e6e0ef; }
.dashboard-view meter::-webkit-meter-optimum-value,.dashboard-view meter::-webkit-meter-suboptimum-value,.dashboard-view meter::-webkit-meter-even-less-good-value { border-radius: 4px; background: #8b60e7; }
.dashboard-view meter::-moz-meter-bar { border-radius: 4px; background: #8b60e7; }

.dashboard-view .overview-metrics { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 12px !important; }
.dashboard-view .overview-stat { display: grid !important; gap: 6px !important; padding: 12px 14px !important; border: 0 !important; border-radius: 8px !important; background: #f8f6fc !important; box-shadow: none !important; }
.dashboard-view .overview-stat span { color: #898397 !important; font-size: 13px !important; }
.dashboard-view .overview-stat strong { color: #24202c !important; font-size: 24px !important; font-weight: 600 !important; }

.dashboard-view .panel-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0 0 12px !important; }
.dashboard-view .dash-panel h3 { margin: 0 0 12px !important; color: #24202c !important; font-size: 16px !important; font-weight: 600 !important; }
.dashboard-view .panel-head h3 { margin: 0 !important; }
.dashboard-view .panel-head > span:not(.status-chip) { color: #9990aa !important; font-size: 14px !important; background: transparent !important; border: 0 !important; padding: 0 !important; }
.dashboard-view .status-chip { display: inline-flex !important; padding: 3px 8px !important; border: 0 !important; border-radius: 4px !important; box-shadow: none !important; color: #3f8a2c !important; background: #eaf6e4 !important; font-size: 12px !important; font-weight: 500 !important; }
.dashboard-view .status-chip::before { display: none !important; }
.dashboard-view .status-chip.at_risk { color: #ad7419 !important; background: #fff4d9 !important; }
.dashboard-view .status-chip.off_track { color: #bf4c5d !important; background: #ffedf0 !important; }
.dashboard-view .update.featured { display: grid !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.dashboard-view .update strong { color: #24202c !important; font-size: 15px !important; font-weight: 600 !important; }
.dashboard-view .update p { margin: 0 !important; color: #5f586d !important; font-size: 14px !important; line-height: 1.45 !important; }
.dashboard-view .update small,.dashboard-view .activity small { color: #9990aa !important; font-size: 12px !important; }

.dashboard-view .overview-tasks { display: grid !important; gap: 0 !important; }
.dashboard-view .overview-task-row { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; width: 100% !important; min-height: 58px !important; margin: 0 !important; padding: 10px 4px !important; border: 0 !important; border-bottom: 1px solid #f0edf5 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; text-align: left !important; transform: none !important; }
.dashboard-view .overview-task-row:last-child { border-bottom: 0 !important; }
.dashboard-view .overview-task-row::before { display: none !important; }
.dashboard-view .overview-task-row:hover { background: #faf8fe !important; }
.dashboard-view .overview-task-main { display: grid !important; gap: 4px !important; min-width: 0 !important; }
.dashboard-view .overview-task-main strong { color: #24202c !important; font-size: 15px !important; font-weight: 500 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.dashboard-view .overview-task-main small { color: #898397 !important; font-size: 12px !important; }
.dashboard-view .overview-task-row.done .overview-task-main strong { color: #8c839a !important; text-decoration: none !important; }
.dashboard-view .overview-task-meta { display: flex !important; align-items: center !important; gap: 12px !important; flex-shrink: 0 !important; }
.dashboard-view .avatar-stack .avatar { width: 26px !important; height: 26px !important; font-size: 11px !important; border: 2px solid #fff !important; }
.dashboard-view .due-badge { display: inline-flex !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: #857b95 !important; font-size: 13px !important; font-weight: 450 !important; white-space: nowrap !important; }
.dashboard-view .due-badge::before { display: none !important; }
.dashboard-view .due-badge.overdue { color: #d74d61 !important; }
.dashboard-view .due-badge.none { color: #a39bac !important; }
.dashboard-view .due-badge.done { color: #63ac45 !important; }

.dashboard-view .overview-bars { display: grid !important; gap: 12px !important; }
.dashboard-view .overview-bars h3 { margin: 0 0 2px !important; }
.dashboard-view .progress-row { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; gap: 6px 12px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.dashboard-view .progress-row span { color: #494558 !important; font-size: 14px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.dashboard-view .progress-row strong { color: #24202c !important; font-size: 14px !important; font-weight: 600 !important; }

.dashboard-view .overview-feed { display: grid !important; gap: 0 !important; }
.dashboard-view .activity.compact { display: grid !important; gap: 4px !important; margin: 0 !important; padding: 10px 0 !important; border: 0 !important; border-bottom: 1px solid #f0edf5 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.dashboard-view .activity.compact:last-child { border-bottom: 0 !important; }
.dashboard-view .activity.compact::before { display: none !important; }
.dashboard-view .activity p { margin: 0 !important; color: #494558 !important; font-size: 14px !important; }

@media (max-width: 1100px) {
  .workspace > .dashboard-view { grid-template-columns: minmax(0,1fr) !important; }
  .dashboard-view > :is(.overview-hero,.overview-tasks,.overview-update,.overview-bars,.overview-feed),.dashboard-view > .overview-bars:is(:nth-child(6),:nth-child(7)) { grid-column: 1 !important; grid-row: auto !important; }
}
@media (max-width: 760px) {
  .workspace > .dashboard-view { margin: 0 14px 14px !important; gap: 12px !important; }
  .dashboard-view :is(.overview-hero,.dash-panel) { padding: 14px !important; }
  .dashboard-view .overview-head { flex-direction: column !important; }
  .dashboard-view .overview-metrics { gap: 8px !important; }
  .dashboard-view .overview-stat { padding: 10px !important; }
  .dashboard-view .overview-stat strong { font-size: 20px !important; }
  .dashboard-view .overview-stat { min-width: 0 !important; }
  .dashboard-view .overview-stat span { font-size: 12px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
  .dashboard-view .overview-task-row { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }
  .dashboard-view .overview-task-main strong { white-space: normal !important; overflow-wrap: anywhere !important; }
}