.workspace .task-analytics { border: 1px solid #d5e1d9; border-radius: 12px; padding: 18px; margin-bottom: 24px; background: #fff; min-width: 0; }
.workspace .task-analytics h2 { font-size: 1.25rem; margin: 0 0 8px; }
.workspace .task-analytics h3 { font-size: 1rem; margin: 0 0 12px; }
.workspace .analytics-note { color: #52645a; font-size: .82rem; line-height: 1.5; }
.workspace .analytics-controls { display: flex; flex-wrap: wrap; gap: 12px; margin: 16px 0; }
.workspace .analytics-controls label { display: grid; gap: 5px; flex: 1 1 120px; font-size: .85rem; }
.workspace .task-analytics select, .workspace .task-analytics button { font: inherit; color: #244c37; background: #fff; border: 1px solid #c5d6cc; border-radius: 6px; padding: 8px; min-height: 44px; max-width: 100%; cursor: pointer; }
.workspace .task-analytics select { width: 100%; }
.workspace .analytics-navigation { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; font-size: .85rem; }
.workspace .analytics-navigation strong { text-align: center; flex: 1; }
.workspace .analytics-summary { padding: 12px; background: #f0f6f2; border-radius: 8px; font-size: .9rem; }
.workspace .analytics-charts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.workspace .analytics-charts > section { min-width: 0; }
.workspace .analytics-area-bar { display: grid; grid-template-columns: minmax(65px, 1fr) minmax(40px, 2fr) 28px; gap: 8px; align-items: center; width: 100%; margin: 4px 0; text-align: left; border: 0; font-size: .85rem; }
.workspace .analytics-area-bar > span:first-child { overflow-wrap: anywhere; }
.workspace .analytics-track { height: 14px; background: #eef3f0; border-radius: 4px; overflow: hidden; }
.workspace .analytics-fill { display: block; height: 100%; background: #16734e; }
.workspace .analytics-time-bars { display: flex; align-items: end; gap: 2px; min-height: 190px; border-bottom: 1px solid #aabfb2; padding-top: 8px; }
.workspace .task-analytics .analytics-time-bar { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; flex: 1 1 0; min-width: 0; padding: 0; border: 0; border-radius: 0; height: 180px; font-size: .65rem; }
.workspace .analytics-column { display: block; width: 75%; min-width: 2px; background: #16734e; }
.workspace .analytics-tick { height: 40px; padding-top: 4px; font-size: .58rem; writing-mode: vertical-rl; }
.workspace .analytics-value { font-size: .6rem; margin-bottom: 3px; }
.workspace .analytics-time-bar:disabled { color: #52645a; cursor: default; }
.workspace .analytics-switch { display: none; gap: 8px; margin-block: 12px; }
.workspace .analytics-switch button { flex: 1; font-size: .85rem; }
.workspace .analytics-switch button[aria-pressed="true"] { background: #126b46; color: #fff; }
.workspace .analytics-table { margin: 18px 0; }
.workspace .analytics-table summary { cursor: pointer; min-height: 44px; padding-block: 10px; }
.workspace .analytics-table table { min-width: 0; width: 100%; table-layout: fixed; margin-bottom: 16px; font-size: .85rem; }
.workspace .analytics-table caption { padding: 10px; text-align: left; font-weight: 650; }
.workspace .analytics-table td, .workspace .analytics-table th { overflow-wrap: anywhere; padding: 8px; }
.workspace .analytics-drilldown { margin-top: 18px; padding: 12px; background: #f5f8f6; border-radius: 8px; }
.workspace .analytics-drilldown ul { list-style: none; padding: 0; }
.workspace .analytics-drilldown li { border-bottom: 1px solid #c5d6cc; }
.workspace .analytics-drilldown summary { padding: 12px 0; cursor: pointer; overflow-wrap: anywhere; }
.workspace .analytics-drilldown p { font-size: .85rem; overflow-wrap: anywhere; }
@media (max-width: 767px) {
  .workspace .task-analytics { padding: 12px; }
  .workspace .analytics-charts { grid-template-columns: minmax(0, 1fr); }
  .workspace .analytics-switch { display: flex; }
  .workspace .analytics-navigation strong { flex-basis: 100%; order: -1; padding-block: 6px; }
  .workspace .analytics-charts[data-view="area"] .analytics-time-chart, .workspace .analytics-charts[data-view="time"] .analytics-area-chart { display: none; }
}
@media print {
  .workspace .task-analytics { break-inside: auto; }
  .workspace .analytics-controls, .workspace .analytics-navigation button, .workspace .analytics-switch, .workspace .analytics-drilldown { display: none !important; }
  .workspace .analytics-charts > section, .workspace .analytics-charts button { display: block !important; }
  .workspace .analytics-time-bars button { display: flex !important; }
  .workspace .analytics-area-chart .analytics-area-bar { display: grid !important; }
}