/* timeline.css — extracted from HomeDashboard.css */

.hdb-timeline {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-left: 0;
}

.hdb-timeline::before {
  content: '';
  position: absolute;
  left: 12px;
  top: 10px;
  bottom: 10px;
  width: 1px;
  background: rgba(255,255,255,0.1);
}

.hdb-timeline-item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 10px 0;
  position: relative;
  overflow: visible;
}

.hdb-timeline-item.inactive { opacity: 0.6; }

.hdb-tl-dot {
  width: 24px; height: 24px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
}

.hdb-tl-dot.reminder {
  background: rgba(var(--primary-rgb),0.15);
  border: 1px solid var(--primary-color);
}

.hdb-tl-dot.reminder::after {
  content: '';
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--primary-color);
  box-shadow: 0 0 8px var(--primary-color);
}

.hdb-tl-dot.inferred {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
}

.hdb-tl-dot.family_event {
  background: rgba(245,158,11,0.15);
  border: 1px solid #f59e0b;
}

.hdb-tl-dot.family_event::after {
  content: '';
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #f59e0b;
}

.hdb-timeline-time.family_event { color: #f59e0b; }
/* Accent dot for the closest upcoming event */

.hdb-tl-dot.closest::after {
  content: '';
  width: 10px; height: 10px;
  border-radius: 50%;
  background: var(--primary-color);
  box-shadow: 0 0 10px var(--primary-color);
  display: block !important;
}

.hdb-tl-dot.closest {
  border-color: var(--primary-color);
}

.hdb-timeline-time { font-size: 13px; font-weight: 700; color: var(--primary-color); min-width: 46px; margin-top: 3px; }

.hdb-timeline-time.inferred { color: #64748b; }

.hdb-timeline-event { font-size: 14px; color: #e2e8f0; font-weight: 500; line-height: 1.4; margin-top: 3px; word-break: break-all; }

.hdb-timeline-item.inactive .hdb-timeline-event { color: #cbd5e1; }

.hdb-timeline-item:hover .hdb-tl-delete { opacity: 1; pointer-events: auto; }
/* ── Tomorrow plan styles ── */

.hdb-tl-separator {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0 6px;
}

.hdb-tl-separator-line {
  flex: 1;
  border: none;
  border-top: 1.5px dashed rgba(255,255,255,0.18);
}

.hdb-tl-separator-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: #64748b;
  text-transform: uppercase;
  white-space: nowrap;
}

.hdb-tl-dot.plan {
  background: rgba(99,102,241,0.15);
  border: 1px solid rgba(99,102,241,0.5);
}

.hdb-tl-dot.plan::after {
  content: '';
  width: 7px; height: 7px;
  border-radius: 50%;
  background: rgba(99,102,241,0.8);
}

.hdb-timeline-time.plan { color: #818cf8; }

.hdb-timeline-item.tomorrow .hdb-timeline-event { color: #94a3b8; }

.hdb-tl-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  align-self: center;
}

.hdb-tl-delete {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 1px solid rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s;
  padding: 0;
}

.hdb-tl-delete:hover {
  background: #ef4444;
  color: #fff;
  border-color: #ef4444;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
}

.hdb-tl-delete .material-symbols-outlined {
  font-size: 18px;
  font-family: 'Material Symbols Outlined';
}
/* Bell toggle */

.hdb-tl-bell {
  opacity: 0; pointer-events: none; transition: opacity 0.15s;
  background: none; border: none; padding: 4px; border-radius: 6px;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
}

.hdb-tl-bell .material-symbols-outlined { font-size: 18px; color: rgba(255,255,255,0.25); transition: color 0.15s; }

.hdb-tl-bell.active { opacity: 1; pointer-events: auto; }

.hdb-tl-bell.active .material-symbols-outlined { color: var(--primary-color); }

.hdb-timeline-item:hover .hdb-tl-bell { opacity: 0.4; pointer-events: auto; }

.hdb-tl-bell:hover .material-symbols-outlined { color: rgba(255,255,255,0.6); }

.hdb-tl-bell.active:hover .material-symbols-outlined { color: #f87171; }
/* ── Timeline: task button ── */

.hdb-tl-task {
  opacity: 0; pointer-events: none; transition: opacity 0.15s;
  background: none; border: none; padding: 4px; border-radius: 6px;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
}

.hdb-tl-task .material-symbols-outlined { font-size: 18px; color: rgba(255,255,255,0.25); transition: color 0.15s; }

.hdb-tl-task.active { opacity: 1; pointer-events: auto; }

.hdb-tl-task.active .material-symbols-outlined { color: #f59e0b; }

.hdb-timeline-item:hover .hdb-tl-task { opacity: 0.4; pointer-events: auto; }

.hdb-tl-task:hover .material-symbols-outlined { color: rgba(255,255,255,0.6); }

.hdb-tl-task.active:hover .material-symbols-outlined { color: #f87171; }

.hdb-tl-task-count { gap: 3px; }

.hdb-tl-task-badge {
  font-size: 10px; font-weight: 700; color: #f59e0b;
  background: rgba(245,158,11,.15); border-radius: 8px;
  padding: 0 5px; line-height: 16px; min-width: 16px; text-align: center;
}

.hdb-tl-task-count:hover .hdb-tl-task-badge { background: rgba(239,68,68,.15); color: #f87171; }

.hdb-day-popover-add-btn {
  width: 100%; padding: 10px 16px; border-radius: 12px;
  background: rgba(var(--primary-rgb),0.12); border: 1px solid rgba(var(--primary-rgb),0.25);
  color: #a5b4fc; font-size: 14px; font-weight: 600; cursor: pointer;
  display: flex; align-items: center; gap: 6px; justify-content: center;
  transition: all 0.2s ease;
}

.hdb-day-popover-add-btn:hover {
  background: rgba(var(--primary-rgb),0.2); border-color: rgba(var(--primary-rgb),0.4);
  color: #c7d2fe;
}

.hdb-tl-add-btn {
  margin-left: auto;
  background: none;
  border: 1px solid rgba(255,255,255,0.1);
  color: #64748b;
  width: 32px; height: 32px;
  min-width: 32px; min-height: 32px;
  border-radius: 6px;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  transition: background 0.2s, color 0.2s;
  padding: 0;
}

.hdb-tl-add-btn:hover { background: rgba(255,255,255,0.08); color: #e2e8f0; }

.hdb-tl-add-btn .material-symbols-outlined { font-size: 14px; }

.hdb-tl-empty {
  display: flex; flex-direction: column; align-items: center;
  gap: 16px; padding: 20px 0;
  color: #475569; font-size: 13px;
}

.hdb-tl-generate-btn {
  background: linear-gradient(135deg, rgba(var(--primary-rgb),0.12), rgba(var(--secondary-rgb),0.08));
  border: 1px solid rgba(var(--primary-rgb),0.25);
  color: var(--primary-color);
  padding: 9px 20px; border-radius: 10px;
  cursor: pointer; font-size: 13px; font-weight: 600;
  transition: all 0.2s;
}

.hdb-tl-generate-btn:hover { background: rgba(var(--primary-rgb),0.22); }

.hdb-tl-generate-hint {
  padding: 16px 0;
  text-align: center;
  border-bottom: 1px dashed rgba(255,255,255,0.08);
  margin-bottom: 10px;
}

.hdb-tl-time-input {
  width: 80px;
  background: rgba(99,102,241,0.15);
  border: 1px solid #6366f1;
  border-radius: 4px;
  color: #818cf8;
  font-size: 13px;
  font-weight: 700;
  padding: 1px 4px;
  outline: none;
  font-family: inherit;
}

.hdb-timeline-time { cursor: pointer; }

.hdb-timeline-time:hover { text-decoration: underline dotted; }

.hdb-timeline-event { cursor: text; }

.hdb-tl-event-editable {
  outline: none;
  border-bottom: 1px solid rgba(255,255,255,0.25);
  min-width: 40px;
  display: inline-block;
}

.hdb-tl-event-editable:focus { border-bottom-color: #6366f1; }
/* ── Timeline drag-and-drop ── */

.hdb-timeline-item[draggable="true"] { cursor: grab; }

.hdb-timeline-item[draggable="true"]:active { cursor: grabbing; }

.hdb-timeline-item.drag-over {
  background: rgba(99,102,241,0.08);
  border-radius: 8px;
  outline: 1px dashed rgba(99,102,241,0.4);
}

.hdb-timeline-item.dragging { opacity: 0.35; }
/* ── Sidebar ── */

.hdb-tl-view-toggle { display:flex; gap:4px; }

.hdb-tl-view-btn {
  background: none;
  border: 1px solid rgba(255,255,255,0.1);
  color: #64748b;
  width: 28px; height: 28px; min-width: 28px;
  border-radius: 6px;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  padding: 0;
}

.hdb-tl-view-btn:hover { background: rgba(255,255,255,0.08); color: #e2e8f0; }

.hdb-tl-view-btn.active {
  background: rgba(42,102,89,0.18);
  border-color: rgba(42,102,89,0.7);
  color: var(--primary-color,#2A6659);
}

.hdb-tl-view-btn .material-symbols-outlined { font-size: 14px; }
/* ── Calendar mode: kill timeline vertical rule ── */

.hdb-timeline.hdb-calendar-mode::before { display: none; }
/* ── Month Calendar shell ── */

.hdb-cal-month { display:flex; flex-direction:column; gap:8px; }

.hdb-cal-nav {
  display:flex; align-items:center; justify-content:space-between;
}

.hdb-cal-nav-btn {
  background: none;
  border: 1px solid rgba(255,255,255,0.1);
  color: #64748b;
  width: 28px; height: 28px;
  border-radius: 6px;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background 0.2s, color 0.2s;
  padding: 0;
}

.hdb-cal-nav-btn:hover { background: rgba(255,255,255,0.08); color: #e2e8f0; }

.hdb-cal-nav-btn .material-symbols-outlined { font-size: 15px; }

.hdb-cal-nav-title { font-size: 13px; font-weight: 700; color: #e2e8f0; letter-spacing: 0.02em; }

.hdb-cal-weekdays {
  display: grid; grid-template-columns: repeat(7, 1fr);
  text-align: center;
}

.hdb-cal-weekdays span {
  font-size: 10px; font-weight: 700; color: #475569;
  text-transform: uppercase; letter-spacing: 0.05em; padding: 2px 0;
}
/* ── Calendar grid ── */

.hdb-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }

.hdb-cal-cell {
  min-height: 96px;
  border-radius: 18px;
  padding: 8px;
  background: var(--glass-panel-bg);
  backdrop-filter: var(--glass-panel-blur);
  -webkit-backdrop-filter: var(--glass-panel-blur);
  border: 1px solid var(--glass-panel-border);
  display: flex; flex-direction: column; gap: 3px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  box-shadow: var(--glass-panel-shadow);
}

.hdb-cal-cell:hover {
  background: var(--glass-panel-bg-hover);
  border-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
  box-shadow: var(--glass-panel-shadow-hover);
}

.hdb-cal-cell.other-month {
  background: rgba(255, 255, 255, 0.01);
  border-color: rgba(255, 255, 255, 0.03);
  opacity: 0.25;
}

.hdb-cal-cell.past {
  opacity: 0.55;
}

.hdb-cal-cell.today {
  background: rgba(34, 197, 94, 0.08);
  backdrop-filter: blur(22px) saturate(180%);
  -webkit-backdrop-filter: blur(22px) saturate(180%);
  border-color: rgba(34, 197, 94, 0.4);
  box-shadow: 
    0 0 0 1px rgba(34, 197, 94, 0.15) inset,
    0 0 20px rgba(34, 197, 94, 0.1);
}

.hdb-cal-cell.today::after {
  content: ''; position: absolute; top: 8px; right: 8px;
  width: 6px; height: 6px; border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 10px #22c55e;
  animation: hdb-pulse-glow 2s infinite;
}

.hdb-cal-cell-num {
  font-size: 14px; font-weight: 800; color: #94a3b8; 
  line-height: 1; padding: 2px 4px;
}

.hdb-cal-cell.today .hdb-cal-cell-num { color: #22c55e; }

.hdb-cal-cell.other-month .hdb-cal-cell-num { color: #475569; }

.hdb-cal-cell-events { display: flex; flex-direction: column; gap: 4px; flex: 1; }
/* ── Event chips ── */

.hdb-cal-ev-chip {
  border-radius: 6px;
  padding: 3px 6px 3px 8px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  display: flex; flex-direction: row; align-items: center; gap: 4px;
  transition: all 0.15s ease;
  position: relative;
  cursor: pointer;
  min-height: 22px;
  overflow: visible;
}

.hdb-cal-ev-chip:hover {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.14);
}

.hdb-cal-ev-chip.inactive { opacity: 0.4; }
/* Left accent bar */

.hdb-cal-ev-chip::before {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0;
  width: 3px; border-radius: 5px 0 0 5px;
}

.hdb-cal-ev-chip.reminder::before { background: #3b82f6; }

.hdb-cal-ev-chip.reminder { background: rgba(59, 130, 246, 0.07); }

.hdb-cal-ev-chip.family_event::before { background: #8b5cf6; }

.hdb-cal-ev-chip.family_event { background: rgba(139, 92, 246, 0.07); }

.hdb-cal-ev-chip.plan::before { background: #f59e0b; }

.hdb-cal-ev-chip.plan { background: rgba(245, 158, 11, 0.07); }

.hdb-cal-ev-chip.task::before { background: #10b981; }

.hdb-cal-ev-chip.task { background: rgba(16, 185, 129, 0.07); }

.hdb-cal-ev-time {
  font-size: 10px; font-weight: 700; flex-shrink: 0;
  color: #64748b; line-height: 1; white-space: nowrap;
}

.hdb-cal-ev-chip.reminder .hdb-cal-ev-time { color: #60a5fa; }

.hdb-cal-ev-chip.family_event .hdb-cal-ev-time { color: #a78bfa; }

.hdb-cal-ev-chip.plan .hdb-cal-ev-time { color: #fbbf24; }

.hdb-cal-ev-chip.task .hdb-cal-ev-time { color: #34d399; }

.hdb-cal-ev-text {
  font-size: 11px; font-weight: 500; color: #e2e8f0; line-height: 1;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  flex: 1; min-width: 0;
}
/* Icons hidden by default, shown on cell hover */

.hdb-cal-ev-icons {
  display: none; gap: 2px; flex-shrink: 0; align-items: center;
}

.hdb-cal-cell:hover .hdb-cal-ev-icons { display: flex; }
/* Icon sizes in small chips */

.hdb-cal-ev-chip .material-symbols-outlined { font-size: 12px !important; }

.hdb-cal-ev-chip .hdb-tl-bell,

.hdb-cal-ev-chip .hdb-tl-task {
  width: 18px; height: 18px; padding: 0; border-radius: 4px;
  background: transparent; border: none; color: #64748b; cursor: pointer;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
  opacity: 1; pointer-events: auto; line-height: 1;
}

.hdb-cal-ev-chip .hdb-tl-bell:hover,

.hdb-cal-ev-chip .hdb-tl-task:hover { color: #e2e8f0; background: rgba(255,255,255,0.1); border-radius: 4px; }

.hdb-cal-ev-chip .hdb-tl-bell.active { color: #6366f1; }

.hdb-cal-ev-chip .hdb-tl-task.active { color: #22c55e; }

.hdb-cal-ev-more {
  font-size: 11px; font-weight: 700; color: #64748b;
  padding: 4px 8px; border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  margin-top: 2px; text-align: center; cursor: pointer;
  transition: all 0.2s;
}

.hdb-cal-ev-more:hover {
  background: rgba(255, 255, 255, 0.07);
  color: #94a3b8;
}

.hdb-cal-today-btn {
  padding: 4px 10px; border-radius: 8px; font-size: 11px; font-weight: 700;
  background: rgba(255, 255, 255, 0.05); color: #94a3b8;
  border: 1px solid rgba(255, 255, 255, 0.1); cursor: pointer;
  transition: all 0.2s; margin: 0 10px;
}

.hdb-cal-today-btn:hover { background: rgba(255, 255, 255, 0.1); color: #fff; }
/* ── Family Dashboard Enhancements ── */

[data-mode="light"] .hdb-ev-label {
  color: rgba(0,0,0,0.45) !important;
}

[data-mode="light"] .hdb-ev-date-chip {
  background: rgba(0,0,0,0.04) !important;
  border-color: rgba(0,0,0,0.10) !important;
  color: #334155 !important;
}

[data-mode="light"] .hdb-ev-date-chip.active {
  background: rgba(var(--primary-rgb),0.12) !important;
  border-color: rgba(var(--primary-rgb),0.35) !important;
  color: var(--primary-color) !important;
}

[data-mode="light"] .hdb-ev-input-p {
  background: rgba(0,0,0,0.04) !important;
  border-color: rgba(0,0,0,0.10) !important;
  color: #0f172a !important;
  color-scheme: light;
}

[data-mode="light"] .hdb-ev-input-p:focus {
  background: rgba(0,0,0,0.02) !important;
}

[data-mode="light"] .hdb-ev-reminder-opt {
  background: rgba(0,0,0,0.03) !important;
  border-color: rgba(0,0,0,0.08) !important;
}

[data-mode="light"] .hdb-ev-reminder-opt span {
  color: #334155 !important;
}
/* Edit-reminder modal: date/time inputs light mode */

[data-mode="light"] .hdb-cal-cell {
  background: rgba(255, 255, 255, 0.55) !important;
  border-color: rgba(0, 0, 0, 0.06) !important;
}

[data-mode="light"] .hdb-cal-cell:hover {
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(0, 0, 0, 0.10) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.06) !important;
}

[data-mode="light"] .hdb-cal-cell-num {
  color: #475569 !important;
}

[data-mode="light"] .hdb-cal-ev-text {
  color: #0f172a !important;
}

[data-mode="light"] .hdb-cal-ev-chip {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

[data-mode="light"] .hdb-cal-ev-chip:hover {
  background: rgba(0, 0, 0, 0.06) !important;
}

[data-mode="light"] .hdb-cal-ev-more {
  background: rgba(0, 0, 0, 0.03) !important;
  color: #64748b !important;
}

[data-mode="light"] .hdb-cal-today-btn {
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  color: #64748b !important;
}

[data-mode="light"] .hdb-cal-today-btn:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  color: #0f172a !important;
}
/* Название месяца — светлая тема */

[data-mode="light"] .hdb-cal-nav-title {
  color: #0f172a !important;
}
/* Стрелки навигации по месяцам — светлая тема */

[data-mode="light"] .hdb-cal-nav-btn {
  color: #475569 !important;
  border-color: rgba(0, 0, 0, 0.10) !important;
}

[data-mode="light"] .hdb-cal-nav-btn:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #0f172a !important;
}
/* Family task stats */

[data-mode="light"] .hdb-timeline-title {
  color: #0f172a !important;
}

[data-mode="light"] .hdb-timeline-time {
  color: #64748b !important;
}

[data-mode="light"] .hdb-timeline-desc {
  color: #475569 !important;
}
/* Notification dot & badge in light */

[data-mode="light"] .hdb-timeline-event { color: #0f172a !important; }

[data-mode="light"] .hdb-timeline-time { color: #334155 !important; }

[data-mode="light"] .hdb-timeline-time.plan { color: #92400e !important; }

[data-mode="light"] .hdb-timeline-time.family_event { color: #5b21b6 !important; }

[data-mode="light"] .hdb-timeline-time.inferred { color: #475569 !important; }

[data-mode="light"] .hdb-tl-empty { color: #475569 !important; }

[data-mode="light"] .hdb-tl-separator-label { color: #334155 !important; }

/* ── Задачи (виджет) ── */

[data-mode="light"] .hdb-tl-bell { color: #475569 !important; }

[data-mode="light"] .hdb-tl-bell.active { color: #4f46e5 !important; }

[data-mode="light"] .hdb-tl-task { color: #475569 !important; }

[data-mode="light"] .hdb-tl-task.active { color: #059669 !important; }

[data-mode="light"] .hdb-tl-delete { color: #94a3b8 !important; }

[data-mode="light"] .hdb-tl-delete:hover { color: #ef4444 !important; }

[data-mode="light"] .hdb-tl-add-btn { color: #475569 !important; }

/* ── Группа напоминаний / получатели чипы ── */

.hdb-day-btn-p {
padding: 8px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);
background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.6);
font-size: 12px; font-weight: 600; cursor: pointer; transition: all 0.2s;
}

.hdb-day-btn-p.active { background: var(--primary-color); border-color: var(--primary-color); color: #fff; box-shadow: 0 4px 12px rgba(var(--primary-rgb), 0.3); }

.hdb-day-btn-p:hover:not(.active) { background: rgba(255,255,255,0.1); color: #fff; }

/* === Extracted from HDM_TaskModals (block 3) === */

.hdb-day-btn-p {
padding: 8px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);
background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.6);
font-size: 12px; font-weight: 600; cursor: pointer; transition: all 0.2s;
}

.hdb-day-btn-p.active { background: var(--primary-color); border-color: var(--primary-color); color: #fff; box-shadow: 0 4px 12px rgba(var(--primary-rgb), 0.3); }

.hdb-day-btn-p:hover:not(.active) { background: rgba(255,255,255,0.1); color: #fff; }

/* === Extracted from HDM_GenericModals (block 1) === */
/* ── Modal close button (круглая кнопка-крестик) ── */

.hdb-ev-modal-body { display: flex; flex-direction: column; gap: 18px; }

.hdb-ev-label { font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.4); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 8px; }

.hdb-ev-date-chips { display: flex; gap: 8px; margin-bottom: 2px; flex-wrap: wrap; }

.hdb-ev-date-chip { 
padding: 8px 16px; border-radius: 12px; font-size: 13px; font-weight: 600; 
background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); 
color: rgba(255,255,255,0.6); cursor: pointer; transition: all 0.2s;
}

.hdb-ev-date-chip.active { 
background: rgba(var(--primary-rgb), 0.15); border-color: rgba(var(--primary-rgb), 0.4); 
color: var(--primary-color); 
}

.hdb-ev-input-p {
background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);
border-radius: 14px; padding: 12px 16px; color: #fff; font-size: 14px; outline: none;
width: 100%; box-sizing: border-box; transition: all 0.2s;
}

.hdb-ev-input-p { color-scheme: dark; }

.hdb-ev-input-p:focus { border-color: var(--primary-color); background: rgba(255,255,255,0.08); }

.hdb-ev-row { display: flex; gap: 12px; }

.hdb-ev-row > div { flex: 1; min-width: 0; }

.hdb-ev-reminder-opt {
display: flex; align-items: center; gap: 10px;
padding: 12px 16px; background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.08); border-radius: 14px;
cursor: pointer; transition: all 0.2s;
}

.hdb-ev-reminder-opt:hover { background: rgba(255,255,255,0.06); }

.hdb-ev-reminder-opt input { width: 18px; height: 18px; cursor: pointer; }

.hdb-ev-reminder-opt span { font-size: 14px; color: #cbd5e1; font-weight: 500; }

/* ══════════════════════════════════════════════════════════════════════════════