/* Teamdeck dashboard visual refresh — data and render logic remain unchanged. */
#dashboard .dashboard-lower-grid,
#dashboard .action-history-card,
#dashboard .upcoming-events-card{position:relative}

/* The two supporting dashboard panels use a calmer, more editorial surface. */
#dashboard .action-history-card,
#dashboard .upcoming-events-card{
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--line) 78%,var(--brand));
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,var(--brand)),var(--panel));
  box-shadow:0 16px 34px rgba(5,12,28,.12),inset 0 1px 0 rgba(255,255,255,.035);
}
#dashboard .action-history-card::before,
#dashboard .upcoming-events-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg,#0658f6,#6d7cff 55%,#67d7bd);
  opacity:.9;
}
#dashboard .action-history-card:hover,
#dashboard .upcoming-events-card:hover{
  transform:none;
  border-color:color-mix(in srgb,var(--brand) 48%,var(--line));
  box-shadow:0 18px 38px rgba(5,12,28,.17),inset 0 1px 0 rgba(255,255,255,.045);
}
#dashboard .action-history-card .sectionhead,
#dashboard .upcoming-events-card .sectionhead{
  position:relative;
  align-items:flex-start;
  padding-bottom:15px;
  margin-bottom:14px;
  border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent);
}
#dashboard .action-history-card .sectionhead::after,
#dashboard .upcoming-events-card .sectionhead::after{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:10px;
  font-weight:500;
  letter-spacing:.02em;
}
#dashboard .action-history-card .sectionhead::after{content:"Последние изменения в рабочем пространстве"}
#dashboard .upcoming-events-card .sectionhead::after{content:"Задачи и встречи на ближайшие 7 дней"}
#dashboard .action-history-card .sectionhead h2,
#dashboard .upcoming-events-card .sectionhead h2{margin:0;font-size:17px;letter-spacing:-.01em}

/* Action history becomes a readable timeline instead of three equal blocks. */
#dashboard .action-history-list{
  position:relative;
  height:208px!important;
  min-height:208px!important;
  max-height:208px!important;
  gap:7px!important;
  padding:2px 3px 3px 11px;
  overflow:hidden!important;
}
#dashboard .action-history-list::before{
  content:"";
  position:absolute;
  top:12px;
  bottom:12px;
  left:24px;
  width:1px;
  background:linear-gradient(180deg,rgba(109,156,255,.6),rgba(109,156,255,.12));
}
#dashboard .action-history-list .action-history-event,
#dashboard .action-history-list .action-history-event.is-latest{
  z-index:1;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  width:100%;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  box-sizing:border-box!important;
  gap:12px!important;
  padding:8px 12px 8px 25px!important;
  border:1px solid color-mix(in srgb,var(--line) 75%,transparent)!important;
  border-left:3px solid currentColor!important;
  border-radius:11px!important;
  background:color-mix(in srgb,var(--panel) 82%,#0f1d31)!important;
  box-shadow:0 5px 12px rgba(0,0,0,.08)!important;
  opacity:1!important;
}
#dashboard .action-history-list .action-history-event::before{
  left:8px!important;
  top:50%!important;
  width:9px!important;
  height:9px!important;
  transform:translateY(-50%);
  border:2px solid var(--panel);
  box-shadow:0 0 0 2px currentColor!important;
}
#dashboard .action-history-list .action-history-event.is-latest{
  border-color:color-mix(in srgb,#4d91ff 50%,var(--line))!important;
  background:linear-gradient(90deg,rgba(6,88,246,.2),color-mix(in srgb,var(--panel) 88%,#132947))!important;
  box-shadow:0 7px 16px rgba(6,88,246,.13)!important;
}
#dashboard .action-history-list .action-history-time{
  padding:0!important;
  color:var(--muted)!important;
  font-size:10px!important;
  font-weight:700;
  letter-spacing:.02em;
}
#dashboard .action-history-list .action-history-copy{gap:3px!important}
#dashboard .action-history-list .action-history-copy b,
#dashboard .action-history-list .action-history-event.is-latest .action-history-copy b{
  color:var(--text)!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:700;
}
#dashboard .action-history-list .action-history-copy small{
  color:var(--muted)!important;
  font-size:10px!important;
  line-height:1.2!important;
}
#dashboard .action-history-list .action-history-event:hover{
  border-color:color-mix(in srgb,currentColor 62%,var(--line))!important;
  transform:translateX(2px);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}

/* Upcoming events become a scannable agenda with clear date columns. */
#dashboard .upcoming-events-card{margin-top:16px}
#dashboard .upcoming-events-card .sectionhead{margin-bottom:16px}
#dashboard .upcoming-events-card .upcoming-events-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  max-height:260px;
  padding:0 3px 3px;
  overflow:auto;
}
#dashboard .upcoming-events-card .upcoming-event{
  display:grid;
  grid-template-columns:62px minmax(0,1fr);
  align-items:start;
  gap:12px;
  min-height:72px;
  box-sizing:border-box;
  padding:12px 13px;
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent)!important;
  border-left:3px solid var(--event-color,#8b7cf6)!important;
  border-radius:11px;
  background:color-mix(in srgb,var(--event-color,#8b7cf6) 8%,var(--panel))!important;
  color:var(--text);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
#dashboard .upcoming-events-card .upcoming-event:hover{
  filter:none;
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--event-color,#8b7cf6) 55%,var(--line))!important;
  background:color-mix(in srgb,var(--event-color,#8b7cf6) 13%,var(--panel))!important;
}
#dashboard .upcoming-events-card .upcoming-event-date{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:4px 6px;
  border-radius:7px;
  background:color-mix(in srgb,var(--event-color,#8b7cf6) 18%,transparent);
  color:color-mix(in srgb,var(--event-color,#8b7cf6) 72%,var(--text));
  font-size:10px;
  font-weight:800;
  line-height:1.15;
  white-space:normal;
  text-align:center;
}
#dashboard .upcoming-events-card .upcoming-event span:last-child{min-width:0}
#dashboard .upcoming-events-card .upcoming-event b{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:var(--text);
  font-size:12px;
  line-height:1.25;
}
#dashboard .upcoming-events-card .upcoming-event small{
  display:block;
  overflow:hidden;
  margin-top:5px;
  color:var(--muted);
  font-size:10px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#dashboard .upcoming-events-card .upcoming-event.checklist-event{
  grid-template-columns:1fr;
  background:color-mix(in srgb,#64748b 10%,var(--panel))!important;
  border-left-color:#64748b!important;
}
#dashboard .upcoming-events-card .upcoming-event.checklist-event small{color:var(--muted)}

/* Light theme: retain the same hierarchy with clean blue-gray surfaces. */
html:not(.theme-dark) #dashboard .action-history-card,
html:not(.theme-dark) #dashboard .upcoming-events-card{
  background:linear-gradient(145deg,#fafdff,#eef4fa)!important;
  border-color:#cbd8e6!important;
  box-shadow:0 14px 30px rgba(67,88,116,.11),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
html:not(.theme-dark) #dashboard .action-history-card .sectionhead,
html:not(.theme-dark) #dashboard .upcoming-events-card .sectionhead{border-bottom-color:#d5e0eb}
html:not(.theme-dark) #dashboard .action-history-list::before{background:linear-gradient(180deg,rgba(6,88,246,.45),rgba(6,88,246,.08))}
html:not(.theme-dark) #dashboard .action-history-list .action-history-event,
html:not(.theme-dark) #dashboard .action-history-list .action-history-event.is-latest{
  background:#fff!important;
  border-color:#d4dfeb!important;
  box-shadow:0 4px 10px rgba(67,88,116,.07)!important;
}
html:not(.theme-dark) #dashboard .action-history-list .action-history-event.is-latest{background:#edf5ff!important;border-color:#a9c7eb!important}
html:not(.theme-dark) #dashboard .upcoming-events-card .upcoming-event{background:#fff!important;border-color:#d4dfeb!important}
html:not(.theme-dark) #dashboard .upcoming-events-card .upcoming-event:hover{background:#f5f9ff!important}

@media(max-width:900px){
  #dashboard .upcoming-events-card .upcoming-events-list{grid-template-columns:1fr}
}
@media(max-width:700px){
  #dashboard .action-history-card .sectionhead::after,
  #dashboard .upcoming-events-card .sectionhead::after{font-size:9px}
  #dashboard .upcoming-events-card .upcoming-events-list{max-height:360px}
  #dashboard .upcoming-events-card .upcoming-event{grid-template-columns:58px minmax(0,1fr);min-height:68px;padding:10px}
}
@media(prefers-reduced-motion:reduce){
  #dashboard .action-history-list .action-history-event,
  #dashboard .upcoming-events-card .upcoming-event{transition:none!important}
}

/* Final dashboard polish requested after visual review. */
#dashboard .action-history-card::before,
#dashboard .upcoming-events-card::before{display:none!important}
#dashboard .action-history-card .sectionhead{flex-wrap:nowrap!important}
#dashboard .action-history-card .sectionhead h2{
  white-space:nowrap!important;
  font-size:17px!important;
  line-height:1.2!important;
}
#dashboard .action-history-card .sectionhead::after{display:none!important}