.mobile-agenda{display:none}
@media not all and (min-width:1024px) and (hover:hover) and (pointer:fine){
 #team-content:has(.mobile-agenda)>.week-scroll,#team-content:has(.mobile-agenda) #team-filter{display:none}
 #team .mobile-agenda{display:block;min-width:0;margin-top:20px}
 #team .ma-filter-heading{display:grid;gap:6px;margin-bottom:14px}
 #team .ma-filter-heading h2{font-size:23px;line-height:1.3;margin:0}
 #team .ma-filter-heading>span{font-size:12px;opacity:.7}
 #team .ma-professional-label{display:block;font-size:12px;line-height:1.5;margin:0 0 16px}
 #team #mobile-professional{display:block;width:100%;height:48px;min-height:48px;margin-top:7px;font-size:16px;border:1px solid #ffffff24;border-radius:9px;background:#17151c;padding:10px 36px 10px 12px}
 #team .ma-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:8px 0 14px}
 #team .ma-day{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;min-height:76px;padding:8px 2px;border:1px solid #ffffff1c;border-radius:10px;background:#ffffff04;color:inherit}
 #team .ma-day span{font-size:11px;text-transform:uppercase;opacity:.75}
 #team .ma-day b{font-size:17px;line-height:1.2}
 #team .ma-day small{font-size:10px;line-height:1.2;opacity:.75}
 #team .ma-day.ma-selected{border-color:#b99aff;background:#941dff25}
 #team .ma-range{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
 #team .ma-range .btn{padding:8px 12px;font-size:11px;min-height:44px;white-space:normal}
 #team .ma-range .btn[aria-pressed=true]{border-color:#b99aff;background:#941dff18}
 #team .ma-range>span{font-size:11px;text-align:right}
 #team .ma-list{display:grid;gap:24px}
 #team .ma-day-section{min-width:0}
 #team .ma-day-section h3{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;font-size:14px;line-height:1.5;text-transform:capitalize}
 #team .ma-day-section h3>span{font-size:10px;padding:3px 8px;background:#941dff25;border-radius:6px}
 #team .ma-appointment{display:flex;flex-direction:column;width:100%;text-align:left;min-width:0;gap:8px;padding:14px;margin:0 0 12px;border:1px solid color-mix(in srgb,var(--staff-color) 50%,transparent);border-left:4px solid var(--staff-color);border-radius:12px;background:color-mix(in srgb,var(--staff-color) 12%,#111114);color:inherit}
 #team .ma-time{display:flex;justify-content:space-between;gap:10px;align-items:center;width:100%;font-size:13px;line-height:1.4}
 #team .ma-time small{font-size:11px;opacity:.75}
 #team .ma-client{font-size:15px;line-height:1.4;font-weight:700;overflow-wrap:anywhere}
 #team .ma-service{font-size:12px;line-height:1.5;overflow-wrap:anywhere;opacity:.85}
 #team .ma-person{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;padding-top:10px;margin-top:2px;border-top:1px solid #ffffff16;font-size:11px;line-height:1.4}
 #team .ma-person>span:nth-child(2){flex:1;min-width:60px;overflow-wrap:anywhere}
 #team .ma-state{font-size:10px;opacity:.8}
 #team .mobile-agenda .da-avatar{display:block;flex:none}
 #team .mobile-agenda .da-avatar>span{display:grid;place-items:center;width:30px;height:30px;overflow:hidden;border-radius:50%;border:2px solid var(--staff-color);background:#232129;font-size:10px;font-weight:700}
 #team .mobile-agenda .da-avatar img{width:100%;height:100%;object-fit:cover}
 #team .ma-empty{margin:0;padding:14px;border:1px dashed #ffffff20;border-radius:10px;font-size:12px;line-height:1.5;opacity:.65}
 #team .ma-cancellations summary{font-size:12px;padding:12px 0;min-height:44px;cursor:pointer}
 #team .ma-cancelled{opacity:.65;border-left-style:dashed}
}
@media not all and (min-width:1024px) and (hover:hover) and (pointer:fine){
 #team-content:has(.mobile-agenda)>.stats-row,#team-content:has(.mobile-agenda)>.agenda-controls{display:none}
 /* Reuse the booking calendar grid, day typography and selected state. */
 #team .ma-calendar{min-width:0}
 #team .ma-calendar .calendar-header{grid-template-columns:44px minmax(0,1fr) 44px}
 #team .ma-calendar .calendar-arrow{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px;aspect-ratio:1;padding:0;gap:0;border-radius:50%;line-height:1;letter-spacing:0}
 #team .ma-calendar .calendar-arrow svg{display:block;flex:none;margin:0;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 #team .ma-date-cell{display:grid;grid-template-rows:auto auto;gap:4px;min-width:0;padding-bottom:6px;text-align:center}
 #team .ma-month-day{padding:0}
 #team .ma-month-day::after{display:none}
 #team .ma-month-day.ma-today:not(.selected){border-color:#b99aff70}
 #team .ma-day-count{display:block;min-width:0;color:#aaa3b5;font-size:9px;line-height:1.3;font-weight:400;white-space:nowrap;letter-spacing:0;pointer-events:none}
 #team .ma-range{margin:12px 0 22px;gap:8px}
 #team .ma-range>span{flex:1;font-size:10px;text-align:center;line-height:1.5;opacity:.7}
 #team #mobile-refresh{font-size:20px;width:44px;min-width:44px;padding:0}
}