:root { --activities-unscheduled-color: #475569; --activities-late-color: #dc3545; --activities-today-color: #f59e0b; --activities-tomorrow-color: #28a745; --activities-future-color: #007bff; --activities-default-type-hue: 41; --activities-income-hue: 134; --activities-expense-hue: 354; --activities-default-color: hsl(var(--activities-default-type-hue), 100%, 40%); --activities-default-color-hover: hsl(var(--activities-default-type-hue), 100%, 35%); --activities-default-color-focus: hsla(var(--activities-default-type-hue), 100%, 40%, .25); --activities-income-color: hsl(var(--activities-income-hue), 61%, 41%); --activities-income-color-hover: hsl(var(--activities-income-hue), 61%, 35%); --activities-income-color-focus: hsla(var(--activities-income-hue), 61%, 41%, .25); --activities-income-background: hsla(var(--activities-income-hue), 61%, 41%, .1); --activities-expense-color: hsl(var(--activities-expense-hue), 70%, 54%); --activities-expense-color-hover: hsl(var(--activities-expense-hue), 70%, 45%); --activities-expense-color-focus: hsla(var(--activities-expense-hue), 70%, 54%, .25); --activities-expense-background: hsla(var(--activities-expense-hue), 70%, 54%, .1); }
@media (width <= 991px) {
  .activity-sections { flex-direction: column; gap: 10px; }
}
.activity-section { background-color: rgb(248, 249, 250); border: 1px solid rgb(204, 204, 204); border-radius: 5px; padding: 10px; }
.empty-state { color: rgb(111, 136, 99); background-color: rgb(249, 252, 248); border-radius: 6px; margin-top: 5px; padding: 5px; }
.activities .nav-tabs { flex-wrap: wrap; display: flex; }
.activities .nav-tabs li { flex-grow: 1; }
@media (width >= 1473px) and (width <= 1675px) {
  .activities .nav-tabs li span { flex-direction: column; justify-content: center; align-items: center; display: flex; }
}
.activities .activities-list { margin: 0px; padding: 0px; }
.activities .activities-list.with-max-height { max-height: 268px; overflow-y: auto; }
.activities .group-title { color: var(--group-color); margin-top: 0px; font-size: 1.1em; }
.activity-group--TodayActivities :is(.activities .group-title) { opacity: 1; }
.activities .activity-group { --group-color: var(--activities-future-color); min-height: 57px; margin-bottom: 15px; margin-left: 1px; position: relative; }
.activities .activity-group::before { content: ""; background-color: var(--group-color); pointer-events: none; z-index: 1; opacity: 0.5; border-radius: 8px; width: 3px; transition: 0.2s; position: absolute; top: 0px; bottom: -5px; left: -9px; }
.activities .activity-group.drag-over::before { content: ""; width: initial; background-color: var(--group-color); opacity: 0.2; border: 2px solid var(--group-color); pointer-events: none; z-index: 1; border-radius: 8px; transition: 0.2s; position: absolute; inset: -10px; }
.activities .activity-group.activity-group--UnscheduledActivities { --group-color: var(--activities-unscheduled-color); }
.activities .activity-group.activity-group--LateActivities { --group-color: var(--activities-late-color); }
.activities .activity-group.activity-group--TodayActivities { --group-color: var(--activities-today-color); }
.activities .activity-group.activity-group--TomorrowActivities { --group-color: var(--activities-tomorrow-color); }
.activities .activity-group.activity-group--FutureActivities { --group-color: var(--activities-future-color); }
.activities .activity-group:last-child { margin-bottom: 0px; }
.activities .group-header { align-items: center; gap: 10px; display: flex; position: relative; }
.activities .hide-unless-hover { display: none; }
.activities .activity-group:hover .hide-unless-hover, .activities .agendar-popover-active .hide-unless-hover { display: initial; align-items: center; }
.activity-visibility { color: rgb(100, 116, 139); background-color: rgb(248, 250, 252); border-radius: 4px; align-items: center; gap: 3px; padding: 1px 5px; font-size: 0.8em; display: inline-flex; }
.activity-visibility.activity-visibility--public { color: rgb(3, 105, 161); background-color: rgb(240, 249, 255); }
.activity-visibility:hover { opacity: 0.8; }
.completed .activity-visibility { color: rgb(148, 163, 184); background-color: rgba(0, 0, 0, 0); }
.activity-type-separator { background-color: rgb(206, 212, 218); align-self: stretch; width: 1px; }
.activity-type-options { flex-wrap: wrap; gap: 5px; display: flex; }
@media only screen and (width <= 767px) {
  .activity-type-options { white-space: nowrap; flex-wrap: nowrap; gap: 4px; width: 100%; padding-bottom: 8px; overflow-x: auto; }
}
@keyframes slideInFadeTime { 
  0% { opacity: 0; transform: translateY(-10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.time-input-entrance { animation: 0.3s ease-out 0s 1 normal none running slideInFadeTime; }
@media screen {
  .dark { --activities-unscheduled-color: #9a9085; --activities-late-color: #f47a7a; --activities-today-color: #fbbf24; --activities-tomorrow-color: #4ade9b; --activities-future-color: #60a5fa; --activities-unscheduled-bar: #7e746a; --activities-future-bar: #47413a; }
  .dark .activity-section { border-color: var(--color-brand-border); background-color: var(--color-brand-beige); }
  .dark .empty-state, .dark .activity-visibility { color: var(--color-text-secondary); background-color: var(--color-brand-beige); }
  .dark .activity-visibility.activity-visibility--public { color: rgb(125, 211, 252); background-color: rgba(56, 189, 248, 0.12); }
  .dark .completed .activity-visibility { color: var(--color-gray-400); background-color: rgba(0, 0, 0, 0); }
  .dark .activity-type-separator { background-color: var(--color-brand-border-dark); }
}