/* ====== MOBILE AGENDA VIEW ====== */
.day-dow-mobile { display: none; }
.empty-day-text { display: none; }
.mobile-month-illustration { display: none; }
.mobile-fab { display: none; }

@media (max-width: 768px) {
  .cal-header { display: none; }
  #btnNewRental { display: none; }
  
  .mobile-fab {
    display: flex; align-items: center; justify-content: center;
    position: fixed; bottom: 84px; right: 24px;
    width: 56px; height: 56px; border-radius: 50%;
    background: var(--primary); color: var(--primary-fg);
    border: none; outline: none; cursor: pointer;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
    z-index: 1000;
    backdrop-filter: blur(12px);
  }
  .mobile-fab i { width: 24px; height: 24px; }
  
  .mobile-month-illustration {
    display: flex; align-items: flex-end; padding: 24px;
    height: 140px; border-radius: var(--radius); margin-bottom: 8px;
    background: linear-gradient(135deg, rgba(236, 72, 153, 0.4), rgba(99, 102, 241, 0.2)), url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?ixlib=rb-1.2.1&auto=format&fit=crop&w=600&q=80');
    background-size: cover; background-position: center;
    position: relative; overflow: hidden;
  }
  
  .mobile-month-illustration::before {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(9, 9, 15, 0.95) 0%, rgba(9, 9, 15, 0) 100%);
  }
  
  .illustration-text {
    position: relative; z-index: 1; font-size: 28px; font-weight: 800; color: #fff;
    letter-spacing: -0.02em; text-transform: capitalize;
  }
  
  .cal-grid {
    display: flex; flex-direction: column; gap: 4px;
    background: transparent; border: none; overflow: visible;
  }
  
  .cal-day {
    display: flex; flex-direction: row; gap: 16px; align-items: stretch;
    background: transparent; border: none; min-height: 80px;
    padding: 16px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }
  .cal-day:hover { background: transparent; }
  .cal-day.other-month { display: none !important; }
  .cal-day.today { background: transparent; }
  
  .day-num-wrapper {
    display: flex; flex-direction: column; align-items: center; min-width: 44px;
  }
  
  .day-dow-mobile { 
    display: block; font-size: 11px; font-weight: 700; color: var(--text-3);
    margin-bottom: 4px; text-transform: uppercase;
  }
  .cal-day.today .day-dow-mobile { color: var(--primary); }
  
  .day-num { margin: 0; align-items: center; justify-content: center; }
  
  .today-badge {
    background: var(--primary); color: var(--primary-fg);
    width: 32px; height: 32px; font-size: 16px;
  }
  
  .day-rentals { 
    flex: 1; display: flex; flex-direction: column; gap: 6px; 
    justify-content: center;
  }
  
  .empty-day-text { 
    display: block; font-size: 13px; color: var(--text-3); font-weight: 500;
  }
  
  .rental-chip { padding: 10px 14px; font-size: 13px; border-radius: var(--radius-sm); }
  
  .blocked-overlay { position: relative; inset: auto; border-radius: var(--radius-sm); background: var(--surface-2); min-height: 40px; }
}