/* Mobile day planner. Desktop keeps the v41 layout. */ #timelineView .iseld-mobile-date-toggle, #timelineView #iseldMobileFilters, #timelineView #iseldMobileModes, #timelineView #iseldMobileAgenda, #timelineView .iseld-mobile-timeline-hint { display:none; } #timelineView .iseld-primary-booking-actions { display:flex; justify-content:flex-end; } @media(max-width:820px) { #timelineView { overflow-x:clip; } #timelineView .iseld-day-workspace { display:flex; flex-direction:column; min-width:0; } #timelineView .timeline-page-card { display:contents!important; } #timelineView .timeline-page-topbar { order:0; display:flex!important; flex-direction:column; gap:12px!important; padding:12px 16px 16px!important; width:100%; } #timelineView .timeline-page-action-area { display:contents; } #timelineView .timeline-page-actions { order:-1; width:100%; display:flex!important; flex-wrap:nowrap; justify-content:flex-end; gap:8px!important; margin-bottom:4px; } #timelineView .timeline-page-actions > button:first-child { margin-right:auto; } #timelineView .timeline-page-actions button { min-height:44px!important; font-size:12px!important; padding:10px 12px!important; } #timelineView .timeline-page-heading { flex:none; width:100%; min-width:0; } #timelineView .timeline-page-kicker { font-size:10px; margin:0 0 5px; } #timelineView .timeline-page-topbar h1 { font-size:clamp(25px,7vw,34px)!important; line-height:1.15!important; overflow-wrap:anywhere; } #timelineView .timeline-page-topbar p { font-size:13px; margin:6px 0 0!important; } #timelineView .iseld-primary-booking-actions { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); gap:10px; width:100%; } #timelineView .iseld-mobile-date-toggle { display:block; min-width:0; min-height:46px; margin:0; border:1px solid #d5dfef; border-radius:8px; background:#fff; color:#34445f; font-size:14px; padding:10px; box-shadow:none; } #timelineView .iseld-mobile-date-toggle[aria-expanded=true] { border-color:#5a80f5; background:#edf2ff; color:#345ad3; } #timelineView .iseld-new-booking { width:100%; min-width:0; min-height:46px; font-size:14px; padding:10px 14px; } #timelineView .iseld-day-navigator { display:none!important; order:1; position:static; min-height:0; margin:0 12px 14px; border-radius:12px; } #timelineView.is-mobile-calendar-open .iseld-day-navigator { display:block!important; } #timelineView .iseld-day-nav-brand, #timelineView .iseld-employee-filter-panel, #timelineView .iseld-day-summary { display:none!important; } #timelineView .iseld-mini-calendar { max-width:430px; width:100%; margin:0 auto; padding:12px 12px 16px; } #timelineView .iseld-mini-calendar-head { margin-bottom:12px; } #timelineView .iseld-mini-nav-btn { width:40px; height:44px; } #timelineView .iseld-mini-weekdays, #timelineView .iseld-mini-days { gap:3px; } #timelineView .iseld-mini-day { aspect-ratio:auto; height:42px; font-size:14px; } #timelineView .iseld-day-content { order:2; width:100%; min-width:0; padding:0 12px max(20px,env(safe-area-inset-bottom)); } #timelineView #iseldMobileFilters { display:block; margin:0 0 10px; min-width:0; } #timelineView #iseldMobileFilters #timelinePageFilters { display:flex!important; flex-wrap:nowrap!important; gap:7px!important; margin:0!important; padding:2px 0 8px!important; overflow-x:auto!important; scrollbar-width:thin; border:0!important; } #timelineView #iseldMobileFilters .filter-btn { display:inline-flex; flex:0 0 auto!important; width:auto!important; max-width:100%; min-height:44px!important; padding:8px 12px!important; gap:7px; border:1px solid #dce4f1!important; border-radius:9px!important; background:#fff!important; color:#465978!important; box-shadow:none!important; white-space:nowrap; font-size:13px!important; } #timelineView #iseldMobileFilters .filter-btn.active { border-color:#426ef1!important; background:#eaf0ff!important; color:#244fc6!important; } #timelineView #iseldMobileFilters .filter-avatar { width:24px!important; height:24px!important; border:0; background:#edf0f8; color:#53648a; font-size:11px; box-shadow:none; } #timelineView #iseldMobileModes { display:grid; grid-template-columns:1fr 1fr; gap:4px; border-radius:10px; background:#edf1f7; padding:4px; margin-bottom:10px; } #timelineView #iseldMobileModes button { min-height:42px; padding:9px 12px; margin:0; border:0; border-radius:7px; box-shadow:none; background:transparent; color:#64728a; font-size:14px; font-weight:600; } #timelineView #iseldMobileModes button[aria-pressed=true] { color:#174091; background:#fff; box-shadow:0 2px 5px #21365712; } #timelineView .iseld-planner-toolbar { min-height:0; border:0; padding:0 0 10px; gap:8px; flex-wrap:nowrap; } #timelineView .iseld-planner-day-actions { gap:8px; flex:1; } #timelineView .iseld-planner-day-actions button { min-width:44px; } #timelineView .iseld-planner-day-actions button:first-child { min-width:70px; } #timelineView .iseld-planner-view-actions { width:auto; display:flex; flex-wrap:nowrap; } #timelineView .iseld-planner-view-actions label, #timelineView .iseld-planner-view-actions [data-planner-zoom] { display:none!important; } #timelineView .iseld-planner-view-actions [data-planner-fullscreen] { white-space:nowrap; font-size:11px!important; padding:10px!important; } #timelineView[data-mobile-view=list] .iseld-planner-view-actions { display:none; } #timelineView[data-mobile-view=list] #timelinePageList { display:none!important; } #timelineView[data-mobile-view=list] #iseldMobileAgenda { display:grid; gap:10px; } #timelineView .iseld-agenda-count { margin:1px 2px 2px; font-size:12px; font-weight:600; color:#73829a; } #timelineView .iseld-agenda-card { display:grid; grid-template-columns:58px minmax(0,1fr) 12px; align-items:center; gap:12px; width:100%; min-height:106px; margin:0; padding:15px 12px; border:1px solid #dce4f0; border-left:4px solid #8fbaf4; border-radius:10px; text-align:left; background:#fff; color:#152541; box-shadow:0 3px 10px #12244206; } #timelineView .iseld-agenda-card.customer-color-1 { border-left-color:#86d6a0; } #timelineView .iseld-agenda-card.customer-color-2 { border-left-color:#f3b16c; } #timelineView .iseld-agenda-card.customer-color-3 { border-left-color:#b6a2e9; } #timelineView .iseld-agenda-card.customer-color-4 { border-left-color:#ec9fad; } #timelineView .iseld-agenda-card.customer-color-5 { border-left-color:#7bcae7; } #timelineView .iseld-agenda-card.customer-color-6 { border-left-color:#e5c361; } #timelineView .iseld-agenda-card.customer-color-7 { border-left-color:#71cbb3; } #timelineView .iseld-agenda-time { display:grid; gap:5px; align-self:start; padding-top:2px; font-variant-numeric:tabular-nums; } #timelineView .iseld-agenda-time strong { font-size:17px; font-weight:750; color:#182b48; } #timelineView .iseld-agenda-time > span { font-size:12px; font-weight:400; color:#75849a; } #timelineView .iseld-agenda-details { min-width:0; display:grid; gap:5px; line-height:1.4; } #timelineView .iseld-agenda-customer { font-size:15px; font-weight:700; overflow-wrap:anywhere; } #timelineView .iseld-agenda-service { font-size:13px; font-weight:500; color:#4c6282; overflow-wrap:anywhere; } #timelineView .iseld-agenda-employee { font-size:12px; font-weight:400; color:#78869b; overflow-wrap:anywhere; } #timelineView .iseld-agenda-arrow { font-size:24px; font-weight:400; color:#91a3bd; } #timelineView .iseld-agenda-status { justify-self:start; background:#e6f4ed; color:#187047; border-radius:5px; padding:2px 6px; font-size:11px; font-weight:600; } #timelineView .iseld-agenda-card.is-cancelled { background:#f9fafc; border-left-color:#c5ccd7; } #timelineView .iseld-agenda-card.is-cancelled .iseld-agenda-status { color:#9a3c3c; background:#ffe9e9; } #timelineView .iseld-agenda-card.is-cancelled .iseld-agenda-time { text-decoration:line-through; } #timelineView .iseld-agenda-empty { padding:28px 18px; text-align:center; border:1px dashed #ced9e9; border-radius:12px; background:#f8faff; } #timelineView .iseld-agenda-empty strong { font-size:16px; } #timelineView .iseld-agenda-empty p { font-size:13px; line-height:1.5; color:#6f7f96; } #timelineView .iseld-agenda-empty button { min-height:44px; margin-top:8px; border:0; border-radius:8px; background:#3f70ee; color:#fff; padding:10px 18px; font-size:14px; } #timelineView[data-mobile-view=timeline] .iseld-mobile-timeline-hint { display:block; font-size:11px; line-height:1.5; color:#75849a; margin:0 2px 10px; } #timelineView #timelinePageList { min-height:340px!important; height:55svh; max-height:620px!important; overflow:auto!important; -webkit-overflow-scrolling:touch; touch-action:pan-x pan-y; border-radius:9px!important; } #timelineView .timeline-employee-name { align-items:flex-start; padding:12px 8px!important; } #timelineView .employee-name-title { font-size:12px!important; overflow-wrap:anywhere; } #timelineView .timeline-block { padding:10px!important; } #timelineView .timeline-time { font-size:13px!important; } #timelineView .timeline-stats-outside { padding-top:20px; } #timelineView .timeline-stats-grid { border:1px solid #e1e7f0; border-radius:10px; overflow:hidden; } #timelineView .timeline-stat-card { min-height:78px; padding:14px 10px; } #timelineView .timeline-stat-card strong { font-size:19px; margin-bottom:4px; } #timelineView .timeline-stat-card span { font-size:11px; } #timelineView .timeline-stat-icon { width:22px; flex-basis:22px; } #timelineView .timeline-stat-icon svg { width:22px; height:22px; } #timelineView .iseld-notification-center.inline .iseld-notification-bell { min-height:44px!important; width:44px!important; padding:0!important; font-size:0!important; } #timelineView .iseld-notification-bell > svg { display:none; } #timelineView .iseld-notification-bell::before { content:""; display:block; width:22px; height:22px; margin:auto; background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23526787' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4M12 1v1'/%3E%3C/svg%3E"); } #timelineView .iseld-notification-bell #iseldNotificationCount { font-size:10px!important; } }