/* ============================================
   Agenda View Styles - React Big Calendar
   ============================================ */

:root {
  --agenda-event-opacity: 0.8;
  --agenda-event-hover-opacity: 0.9;
  --agenda-event-radius: 3px;
  --agenda-resize-opacity: 0.7;
  --agenda-resize-scale: 1.05;
  --agenda-resize-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
  --agenda-color-blue: #3174ad;
  --agenda-color-red: #f56565;
  --agenda-color-orange: #ed8936;
  --agenda-color-green: #48bb78;
  --agenda-color-preview: #4285f4;
  --agenda-color-pending: linear-gradient(135deg, #E8E8E8 0%, #c4c4c4 100%);
  --agenda-color-pending-border: #b0b0b0;
  --agenda-color-pending-text: #333333;
  /* Time picker variables */
  --time-input-width: 100px;
  --time-input-height: 20px;
  --time-font-size: 26px;
  --time-separator-margin: 1px;
}

/* Common event styles */
.agenda-event-default,
.agenda-event-priority-high,
.agenda-event-priority-medium,
.agenda-event-priority-low,
.agenda-event-done {
  border-radius: var(--agenda-event-radius);
  opacity: var(--agenda-event-opacity);
  color: white;
  border: 0;
  display: block;
  transition: opacity 0.2s ease;
}

/* Event colors */
.agenda-event-default {
  background-color: var(--agenda-color-blue);
}

.agenda-event-priority-high {
  background-color: var(--agenda-color-red);
}

.agenda-event-priority-medium {
  background-color: var(--agenda-color-orange);
}

.agenda-event-priority-low,
.agenda-event-done {
  background-color: var(--agenda-color-green);
}

/* Hover states */
.agenda-event-default:hover,
.agenda-event-priority-high:hover,
.agenda-event-priority-medium:hover,
.agenda-event-priority-low:hover {
  opacity: var(--agenda-event-hover-opacity);
}

/* Done task specific */
.agenda-event-done {
  cursor: not-allowed;
}

.agenda-event-done:hover {
  opacity: 0.7;
}

.agenda-event-done .rbc-event-label,
.agenda-event-done .rbc-event-content {
  cursor: not-allowed;
}

/* Pending time change state - target parent .rbc-event when child has pending class */
.rbc-event:has(.pending-change),
.rbc-day-slot .rbc-event:has(.pending-change) {
  background: var(--agenda-color-pending);
  color: var(--agenda-color-pending-text);
  border: 2px solid var(--agenda-color-pending-border);
  opacity: 1;
}

.agenda-event-pending-change,
.rbc-event.agenda-event-pending-change,
.rbc-day-slot .rbc-event.agenda-event-pending-change {
  background: var(--agenda-color-pending);
  color: var(--agenda-color-pending-text);
  border: 1px solid var(--agenda-color-pending-border);
  opacity: 1;
}

.agenda-event-pending-change .agenda-event-title,
.agenda-event-pending-change .agenda-event-time {
  color: var(--agenda-color-pending-text);
}

.agenda-event-pending-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  height: 100%;
  padding: 2px;
}

/* ============================================
   Unified Time Range Display - Clickable Zones
   ============================================ */

.agenda-event-pending-time {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: relative;
}

/* Wrapper */
.agenda-time-range-unified-wrapper {
  position: relative;
  display: inline-block;
}

/* Main display container - looks like a single input */
.agenda-time-range-display {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 180px;
  height: 48px;
  padding: 4px 12px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid var(--agenda-color-pending-border);
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  transition: all 0.2s ease;
  gap: 4px;
  font-size: 1rem;
}

.agenda-time-range-display:hover {
  border-color: #2196F3;
  background: #fff;
}

/* Clickable time zones */
.time-zone {
  font-size: var(--time-font-size);
  font-weight: 600;
  color: var(--agenda-color-pending-text);
  padding: 2px 6px;
  border-radius: 4px;
  transition: all 0.15s ease;
  user-select: none;
  line-height: 1;
}

.time-zone.clickable {
  cursor: pointer;
}

.time-zone.clickable:hover {
  background: rgba(33, 150, 243, 0.1);
  color: #2196F3;
}

/* Time separator */
.time-separator {
  font-size: var(--time-font-size);
  font-weight: 500;
  color: #999;
  user-select: none;
  line-height: 1;
}

/* Picker header (used inside OverlayPanel) */
.picker-header {
  font-size: 13px;
  font-weight: 600;
  color: var(--agenda-color-pending-text);
  margin-bottom: 8px;
  text-align: center;
  padding-bottom: 8px;
  border-bottom: 1px solid #e0e0e0;
}

/* Inline Calendar styling */
.inline-time-picker .p-timepicker {
  padding: 8px;
}

.agenda-event-pending-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.agenda-event-pending-btn {
  border: 1px solid var(--agenda-color-pending-border);
  background: rgba(255, 255, 255, 0.6);
  color: var(--agenda-color-pending-text);
  font-size: 11px;
  font-weight: 600;
  border-radius: 999px;
  padding: 3px 8px;
  cursor: pointer;
}

.agenda-event-pending-btn:hover {
  background: rgba(255, 255, 255, 0.85);
}

.agenda-event-pending-finish {
  background: #e8f5e9;
  border-color: #81c784;
  color: #2e7d32;
}

.agenda-event-pending-finish:hover {
  background: #c8e6c9;
}

.agenda-event-pending-cancel {
  background: #ffebee;
  border-color: #e57373;
  color: #c62828;
}

.agenda-event-pending-cancel:hover {
  background: #ffcdd2;
}

/* Resizing event styles */
.agenda-event-resizing,
.rbc-event.agenda-event-resizing {
  opacity: var(--agenda-resize-opacity);
  transform: scale(var(--agenda-resize-scale));
  box-shadow: var(--agenda-resize-shadow);
  border: 3px solid var(--agenda-color-preview);
  transition: none;
}

.rbc-event-content.agenda-event-resizing {
  opacity: var(--agenda-resize-opacity);
}

/* ============================================
   Drag Preview Fix - Limit All-Day Event Height
   ============================================ */

.rbc-addons-dnd-dragging.rbc-event-allday,
.rbc-addons-dnd-dragging .rbc-event-allday {
  max-height: 60px;
  height: auto;
}

.rbc-day-slot .rbc-addons-dnd-dragging,
.rbc-time-content .rbc-addons-dnd-dragging[class*="allday"],
.rbc-time-content .rbc-addons-dnd-drag-preview {
  height: 4.16667%;
  /* 1 hour = 4.16667% of 24h */
  min-height: 50px;
  max-height: 60px;
}

/* ============================================
   Custom Event Layout: Title and Time in One Line
   ============================================ */

/* Hide default react-big-calendar time label for timeline events */
.rbc-time-slot .rbc-event-label,
.rbc-time-slot .rbc-event .rbc-event-label,
.rbc-time-column .rbc-event-label,
.rbc-day-slot .rbc-event-label,
div.rbc-time-slot div.rbc-event div.rbc-event-label {
  display: none;
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow: hidden;
}

/* Custom event header layout - horizontal */
.agenda-event-header {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
}

/* Title - flexible width, can truncate */
.agenda-event-header .agenda-event-title {
  flex: 1;
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}

/* Time - fixed width, always visible */
.agenda-event-header .agenda-event-time {
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 500;
  white-space: nowrap;
  opacity: 0.85;
}

/* Make sure agenda-calendar-event fills the space properly */
.rbc-time-slot .agenda-calendar-event {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 4px 6px;
  position: relative;
  /* REMOVED: pointer-events: none - was blocking live resize preview */
}

/* Keep all-day events showing the default label */
.rbc-allday-cell .rbc-event-label {
  display: block;
}

/* ============================================
   Resize Handles - Google Calendar Style
   ============================================ */

.rbc-addons-dnd-resize-ns-anchor {
  position: absolute;
  width: 100%;
  height: 5px;
  z-index: 1000;
  cursor: ns-resize;
  background: transparent;
  touch-action: none;
  /* Prevent default touch behaviors (scroll) during resize */
}

.rbc-addons-dnd-resize-ns-anchor:first-child {
  top: 0;
  left: 0;
}

.rbc-addons-dnd-resize-ns-anchor:last-child {
  bottom: 0;
  left: 0;
}

.rbc-addons-dnd-resize-ns-anchor:hover {
  background: rgba(255, 255, 255, 0.2);
}

.rbc-addons-dnd-resize-ns-icon {
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.rbc-addons-dnd-resize-ns-anchor:hover .rbc-addons-dnd-resize-ns-icon {
  opacity: 0.8;
}

/* ============================================
   Drag Preview (All-Day → Timeline) - Subtle
   ============================================ */

.rbc-addons-dnd-dragging .rbc-addons-dnd-drag-preview {
  opacity: 0.85;
  transition: none;
  z-index: 100;
  /* NO scale, NO thick border - just semi-transparent */
}

.rbc-addons-dnd-dragging .rbc-addons-dnd-drag-preview .agenda_floating_icons {
  display: none;
}

/* ============================================
   Resize Preview - Prominent Visual Feedback
   ============================================ */

.rbc-addons-dnd-resizing .rbc-addons-dnd-drag-preview {
  opacity: var(--agenda-resize-opacity);
  transform: scale(var(--agenda-resize-scale));
  box-shadow: var(--agenda-resize-shadow);
  border: 3px solid var(--agenda-color-preview);
  background: rgba(66, 133, 244, 0.1);
  transition: none;
  z-index: 100;
}

/* Priority colors - only during RESIZE */
.rbc-addons-dnd-resizing .rbc-addons-dnd-drag-preview.agenda-event-priority-high {
  border-color: var(--agenda-color-red);
  box-shadow: 0 8px 24px rgba(245, 101, 101, 0.5);
}

.rbc-addons-dnd-resizing .rbc-addons-dnd-drag-preview.agenda-event-priority-medium {
  border-color: var(--agenda-color-orange);
  box-shadow: 0 8px 24px rgba(237, 137, 54, 0.5);
}

.rbc-addons-dnd-resizing .rbc-addons-dnd-drag-preview.agenda-event-priority-low {
  border-color: var(--agenda-color-green);
  box-shadow: 0 8px 24px rgba(72, 187, 120, 0.5);
}

.rbc-addons-dnd-resizing .rbc-addons-dnd-drag-preview .agenda_floating_icons {
  display: none;
}

/* Resizable container */
.rbc-addons-dnd-resizable {
  position: relative;
  height: 100%;
  width: 100%;
  transition: none;
}

.rbc-addons-dnd-resizing .rbc-addons-dnd-resizable {
  border: 2px solid rgba(66, 133, 244, 0.4);
  animation: resize-pulse 0.3s ease-in-out;
}

@keyframes resize-pulse {

  0%,
  100% {
    border-color: rgba(66, 133, 244, 0.4);
  }

  50% {
    border-color: rgba(66, 133, 244, 0.6);
  }
}

/* Floating icons */
.agenda_floating_icons {
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.rbc-event:hover:not(.rbc-addons-dnd-resizing) .agenda_floating_icons,
.agenda-calendar-event:hover .agenda_floating_icons {
  opacity: 1;
  pointer-events: auto;
}

/* Ensure icon buttons are clickable */
.agenda_icon_btn {
  pointer-events: auto;
  cursor: pointer;
  position: relative;
  z-index: 10;
}

/* ============================================
   Touch Support for Mobile Resize
   ============================================ */

/* Larger hit area for resize handles on mobile */
@media (hover: none) and (pointer: coarse) {
  .rbc-addons-dnd-resize-ns-anchor {
    height: 25px;
    /* Збільшено з 15px до 25px для кращого захоплення пальцем */
  }

  /* Always show resize handles on touch devices */
  .rbc-addons-dnd-resize-ns-icon {
    opacity: 0.4;
  }

  .rbc-addons-dnd-resize-ns-anchor:active .rbc-addons-dnd-resize-ns-icon {
    opacity: 1;
  }
}

/* Prevent text selection and scroll during touch resize */
.rbc-addons-dnd-resizing {
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  touch-action: none;
  /* Prevent scroll during resize */
}

.rbc-addons-dnd-resizing * {
  touch-action: none;
  /* Prevent scroll on child elements too */
}

/* ============================================
   View Toggle (24h Grid / Smart List)
   ============================================ */

.agenda-view-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 12px 16px;
  margin-bottom: 24px;
  margin-top: 0;
  visibility: visible;
  opacity: 1;
  position: relative;
  z-index: 10;
}

.agenda-view-toggle-item {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
  user-select: none;
  position: relative;
  transition: color 0.2s ease;
  padding-bottom: 4px;
  display: inline-block;
  visibility: visible;
  opacity: 1;
  z-index: 11;
}

.agenda-view-toggle-item:hover {
  color: #374151;
}

.agenda-view-toggle-item.active {
  color: #111827;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

/* Mobile styles for agenda view toggle */
@media (max-width: 768px) {
  .agenda-view-toggle {
    gap: 16px;
    padding: 16px 12px;
    margin-bottom: 24px;
  }

  .agenda-view-toggle-item {
    font-size: 15px;
    padding: 12px 20px;
    min-height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-tap-highlight-color: rgba(59, 130, 246, 0.2);
    touch-action: manipulation;
    z-index: 10;
    position: relative;
  }

  .agenda-view-toggle-item:active {
    background-color: rgba(59, 130, 246, 0.1);
    border-radius: 6px;
  }
}

/* ============================================
   Smart List View Styles - Optimized with PrimeReact Variables
   ============================================ */

.smart-list-view {
  width: 100%;
  padding: 0 10px;
  padding-top: 0;
  margin-top: 70px;
}

/* Month Navigation */
.smart-list-month-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--inline-spacing) * 3);
  margin-bottom: calc(var(--content-padding) * 2);
  margin-top: 0;
  padding: calc(var(--inline-spacing) * 1.5) 0;
  position: relative;
  z-index: 1;
}

.smart-list-nav-item {
  display: flex;
  align-items: center;
  gap: var(--inline-spacing);
  color: var(--text-color-secondary);
  cursor: pointer;
  font-size: 0.875rem;
  transition: color 0.2s ease;
  user-select: none;
}

.smart-list-nav-item:hover {
  color: var(--text-color);
}

.smart-list-nav-item i {
  font-size: 0.75rem;
}

.smart-list-current-month {
  background-color: var(--surface-c);
  border-radius: var(--border-radius);
  padding: var(--inline-spacing) calc(var(--inline-spacing) * 2);
  font-weight: 600;
  font-size: 1rem;
  color: var(--surface-900);
  user-select: none;
}

/* Day Container */
.smart-list-day-container {
  width: 100%;
  margin-bottom: calc(var(--content-padding) * 0.75);
}

.smart-list-day-separator {
  width: 100%;
  height: 1px;
  background-color: var(--surface-border);
  margin-top: calc(var(--content-padding) * 0.75);
  margin-bottom: calc(var(--content-padding) * 0.75);
}

.smart-list-day-content {
  display: flex;
  flex-direction: column;
  gap: calc(var(--inline-spacing) * 2);
  align-items: flex-start;
  min-height: 80px;
  position: relative;
}

.smart-list-day-content>.smart-list-day-header,
.smart-list-day-content>.smart-list-tasks {
  display: flex;
}

/* Day Header (Left) - Standalone rounded card */
.smart-list-day-header {
  min-width: 140px;
  width: 20%;
  max-width: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--surface-0);
  border-radius: calc(var(--border-radius) * 2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  padding: 0.5rem;
  flex-shrink: 0;
}

.smart-list-day-of-week {
  font-size: 1.6rem;
  color: var(--surface-700);
  font-weight: 400;
  margin-bottom: calc(var(--inline-spacing) * 0.25);
  text-align: center;
}

.smart-list-day-number {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--surface-900);
  line-height: 1;
  margin-bottom: calc(var(--inline-spacing) * 0.1);
  text-align: center;
}

.smart-list-month-name {
  font-size: 1.6rem;
  color: var(--surface-700);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: uppercase;
  text-align: center;

}

/* Tasks Container (Right) */
.smart-list-tasks {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: calc(var(--inline-spacing) * 1);
  min-width: 0;
}

/* Task Card - Adapted from task_tracker_task_container */
.smart-list-task {
  display: block;
  background: #E8E8E8;
  border-radius: 10px;
  padding: 8px 20px 8px 35px;
  /* Added left padding to avoid overlap with line */
  margin: 1px 0;
  position: relative;
  border: 1px solid #c4c4c4;
  cursor: pointer;
  transition: all 0.2s ease;
}

.smart-list-task:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  border: 2px solid #2A8A34;
}

.smart-list-task:hover .smart-list-floating-icons {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  display: flex;
}

.smart-list-task.done {
  opacity: 0.6;
  background-color: #d4d4d4;
}

/* Left vertical bar for priority */
.smart-list-task::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 12px;
  background: #EF9A9A;
  border-radius: 10px 0 0 10px;
}

/* Priority-based color classes */
.smart-list-task.priority-iu::before,
.smart-list-task.high::before {
  background: #EF9A9A;
  /* Important & Urgent - Red */
}

.smart-list-task.priority-inu::before,
.smart-list-task.medium::before {
  background: #90CAF9;
  /* Important & Not Urgent - Blue */
}

.smart-list-task.priority-niu::before {
  background: #FFCC80;
  /* Not Important & Urgent - Orange */
}

.smart-list-task.priority-ninu::before,
.smart-list-task.low::before {
  background: #E0E0E0;
  /* Not Important & Not Urgent - Gray */
}

.smart-list-task.priority-none::before {
  background: #FFFFFF;
  /* No priority set - White */
}

/* Floating action icons - using existing task_tracker styles */
.smart-list-task:hover .task_tracker_floating_icons {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  display: flex;
}

.smart-list-task-time {
  font-size: 14px;
  color: #4E5F8C;
  margin-bottom: 8px;
  font-weight: 500;
}

.smart-list-task-location {
  display: flex;
  align-items: center;
  gap: calc(var(--inline-spacing) * 0.75);
  font-size: 14px;
  color: #4E5F8C;
  margin-bottom: 8px;
}

.smart-list-task-location i {
  font-size: 12px;
}

.smart-list-task-title {
  font-size: 1.6rem;
  font-weight: 600;
  color: #282D3B;
  line-height: 1.4;
  margin-top: 10px;
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.smart-list-task-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.smart-list-task-tag {
  color: #4E5F8C;
  font-size: 14px;
  font-weight: 500;
}

/* Empty Task Placeholder */
.smart-list-empty-task {
  background-color: transparent;
  border: none;
  border-radius: var(--border-radius);
  padding: calc(var(--content-padding) * 1.5);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  min-height: 60px;
  position: relative;
}

.smart-list-empty-task:hover {
  border-color: var(--surface-400);
  background-color: var(--surface-b);
}

.smart-list-empty-task i {
  font-size: 1.5rem;
  color: var(--surface-400);
}

/* SpeedDial in empty task moved to navigation_components.css */

/* Small plus button at bottom right of tasks container */
.smart-list-tasks-add-btn {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 8px;
  padding-right: 4px;
  min-height: 24px;
}

.smart-list-tasks-add-btn i {
  font-size: 1rem;
  color: rgba(40, 45, 59, 0.15);
  transition: all 0.2s ease;
  opacity: 0.3;
}

.smart-list-tasks-add-btn:hover i {
  opacity: 1;
  color: var(--surface-400);
}

/* Small speed dial moved to navigation_components.css */

/* ============================================
   Smart List View - Mobile Responsive
   ============================================ */

@media (max-width: 768px) {
  .smart-list-view {
    padding: calc(var(--content-padding) * 0.5);
    margin-top: 110px;
  }

  /* Month Navigation - Mobile */
  .smart-list-month-navigation {
    gap: calc(var(--inline-spacing) * 1.5);
    margin-bottom: calc(var(--content-padding) * 1.5);
    margin-top: 0;
    padding: calc(var(--inline-spacing) * 0.75) 0;
    position: relative;
    z-index: 1;
  }

  .smart-list-nav-item {
    font-size: 0.75rem;
  }

  .smart-list-nav-item i {
    font-size: 0.625rem;
  }

  .smart-list-current-month {
    font-size: 0.875rem;
    padding: calc(var(--inline-spacing) * 0.75) calc(var(--inline-spacing) * 1.5);
  }

  /* Day Header - Mobile */
  .smart-list-day-header {
    min-width: 55px;
    width: 25%;
    max-width: 120px;
    padding: calc(var(--inline-spacing) * 0.75);
  }

  .smart-list-day-of-week {
    font-size: 0.75rem;
    margin-bottom: calc(var(--inline-spacing) * 0.25);
  }

  .smart-list-day-number {
    font-size: 1.5rem;
    margin-bottom: calc(var(--inline-spacing) * 0.25);
  }

  .smart-list-month-name {
    font-size: 0.625rem;
    letter-spacing: 0.3px;
  }

  /* Day Content - Mobile */
  .smart-list-day-content {
    gap: calc(var(--inline-spacing) * 1.5);
    min-height: 60px;
  }

  /* Tasks - Mobile */
  .smart-list-tasks {
    gap: calc(var(--inline-spacing) * 0.6);
  }

  /* Task card - Mobile */
  .smart-list-task {
    padding: 12px 15px 12px 30px;
    margin: 1px 0;
  }

  .smart-list-task-time {
    font-size: 0.6875rem;
    margin-bottom: calc(var(--inline-spacing) * 0.75);
  }

  .smart-list-task-title {
    font-size: 1rem;
    margin-bottom: calc(var(--inline-spacing) * 0.75);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
  }

  .smart-list-task-description {
    font-size: 0.75rem;
    margin-bottom: calc(var(--inline-spacing) * 0.75);
  }

  .smart-list-empty-task {
    padding: calc(var(--content-padding) * 1);
    min-height: 50px;
  }

  .smart-list-empty-task i {
    font-size: 1.25rem;
  }

  /* Floating icons - Mobile */
  .smart-list-task:hover .task_tracker_floating_icons,
  .smart-list-task.mobile-tap .task_tracker_floating_icons {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    display: flex;
  }

  /* Small plus button - Mobile */
  .smart-list-tasks-add-btn {
    margin-top: 6px;
    padding-right: 2px;
    min-height: 20px;
  }

  .smart-list-tasks-add-btn i {
    font-size: 0.875rem;
  }


/* Mobile speed dial overrides moved to navigation_components.css */
}