/* One scrolling surface for the schedule; a separate scale for the desktop. */
.desktop-add{display:none}
.glass-ui .sheet.schedule-sheet{height:fit-content;max-height:calc(100dvh - 28px)}
.glass-ui .schedule-sheet>.sheet-body{display:block;height:auto;max-height:calc(100dvh - 30px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c5d4dd66 transparent}
.glass-ui .schedule-sheet .schedule-settings{overflow:visible;max-height:none;min-height:auto;padding:2px 2px 7px;margin-top:18px}
.glass-ui .schedule-sheet .sheet-head{touch-action:pan-y}
.glass-ui .schedule-calendar{touch-action:pan-y}
.glass-ui .appearance-button{width:42px;min-width:42px;height:42px;min-height:42px;padding:10px;border-radius:50%;flex-shrink:0}
.appearance-button svg{width:19px;height:19px}
.appearance-options{display:grid;gap:12px;margin-top:22px}
.glass-ui .appearance-option{width:100%;padding:14px;min-height:80px;display:flex;gap:14px;text-align:left;border-radius:22px}
.appearance-option>span:nth-child(2){flex:1}.appearance-option strong{display:block;font-size:14px;font-weight:550}.appearance-option small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:5px}.appearance-option>svg{width:18px;height:18px}
.appearance-swatch{width:47px;height:47px;flex-shrink:0;display:block;border-radius:15px;border:1px solid #ffffff75;box-shadow:inset 0 1px 2px #fff8,0 3px 10px #192b3b30}
.appearance-swatch[data-look=day]{background:linear-gradient(135deg,#eef4f7,#bdced9)}.appearance-swatch[data-look=night]{background:linear-gradient(135deg,#65727c,#303f4a)}.appearance-swatch[data-look=green]{background:linear-gradient(135deg,#5e8277,#163d35)}
.glass-ui .delete-visit-button,.glass-ui .delete-confirm-button{color:#ffbfb6;border:1px solid #edaaa84d;background:#ad453419;border-radius:18px;padding:13px 17px;min-height:44px;box-shadow:inset 0 1px 0 #ffe0d417}
.glass-ui[data-color-mode=day] :is(.delete-visit-button,.delete-confirm-button){color:#9c3337;background:#ad45340d}
body.glass-ui[data-theme=lens][data-color-mode=night][data-tint=""]{background:#3c4c57;--sheet-bg:linear-gradient(145deg,#526571ed,#354955f0)}
body.glass-ui[data-theme=lens][data-color-mode=night][data-tint=""] .backdrop{background:radial-gradient(ellipse at 10% 25%,#98a9b315,transparent 70%),linear-gradient(135deg,#34434e,#52636d 57%,#2a3943)}
body.glass-ui[data-theme=lens][data-tint=green]{background:#254b42;--ink:#f2fcf7;--muted:#d1e6dc;--line:#c0e8d439;--faint:#d0f4e31a;--rim:#c6edda7a;--sheet-bg:linear-gradient(145deg,#4d7369ed,#294c43f0);--lens-fill:radial-gradient(ellipse at 50% 112%,#d6ffec2b,transparent 58%),linear-gradient(165deg,#d3ffe714,#092c2017 48%,#b4f4d711);--lens-list-fill:var(--lens-fill);--lens-edge:conic-gradient(from 125deg,#b6dfd166,#ecfff4ee 55deg,#87b7a66b 108deg,#07281d77 160deg,#d4ffebeb 230deg,#edfff5e6 278deg,#a4cab947 325deg,#b6dfd166);--lens-shadow:0 0 0 1px #103a2e70,inset 0 1px 1px #effff7ad,inset 0 -1px 1px #b8ecd28c,inset 3px 0 6px -5px #052d219c,inset -3px 0 6px -5px #052d218c,inset 0 -9px 12px -9px #bcf4d68c,0 4px 7px #06291f33,0 12px 24px -17px #042b2170;--lens-list-shadow:var(--lens-shadow)}
body.glass-ui[data-theme=lens][data-tint=green] .backdrop{background:radial-gradient(ellipse at 0% 25%,#99b8a326,transparent 70%),linear-gradient(135deg,#365b50,#52766b 57%,#203e35)}
body.glass-ui[data-theme=lens][data-tint=green] .sheet::backdrop{background:#092b2240}
body.glass-ui[data-theme=lens][data-tint=green] :is(input,textarea){color:var(--ink)}
@media(min-width:1000px){
 .glass-ui .app{max-width:1380px;grid-template-columns:196px minmax(0,1fr)}
 .glass-ui .scroll{padding:28px 32px 40px}.glass-ui .page-content{max-width:1080px}
 .glass-ui .app-footer{padding:28px 16px}.glass-ui .app-footer>.add-client{display:none}
 .glass-ui .desktop-page-title{font-size:28px;margin-bottom:20px}
 .glass-ui .day-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}
 .glass-ui .day-main{min-width:0}.glass-ui .day-main>.date-caption{margin-bottom:18px}
 .glass-ui .day-toolbar .date-row{width:min(430px,60%);margin:0}.glass-ui .desktop-add{display:flex;min-height:46px;font-size:12px;padding:12px 19px;gap:9px;white-space:nowrap}
 .glass-ui .desktop-day-columns{grid-template-columns:minmax(0,1fr) 238px;gap:22px}.glass-ui .date-caption{max-width:none;margin-bottom:18px}
 .glass-ui .record{min-height:67px;padding:12px 16px;border-radius:19px}.glass-ui .record-time{font-size:15px}.glass-ui .record-person strong{font-size:13px}.glass-ui .record-person small{font-size:11px}
 .glass-ui .day-summary{padding:18px}.glass-ui .day-summary h2{margin-bottom:12px}.glass-ui .day-summary dl>div{padding:9px 0}.glass-ui .day-sidebar{gap:14px}
 .glass-ui .client-list{grid-template-columns:minmax(0,1fr);max-width:760px;gap:10px}.glass-ui .client-entry{min-height:64px;padding:13px 17px}.glass-ui .search-field{max-width:760px}
 .glass-ui .page-content:has(>.profile-card){grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:0 24px}
 .glass-ui .page-content>.cabinet-heading{grid-column:1/-1;min-height:42px;margin-bottom:18px}.glass-ui .cabinet-heading .page-title{margin:0;font-size:28px}
 .glass-ui .page-content>.profile-card{grid-column:1/-1;max-width:520px;min-height:84px;padding:15px 18px;margin-bottom:24px;gap:15px}.glass-ui .profile-card .profile-avatar{width:48px;height:48px;flex:0 0 48px;font-size:17px}.glass-ui .profile-card strong{font-size:16px}.glass-ui .profile-card small{font-size:12px}
 .glass-ui .settings-row{min-height:68px;padding:15px 17px}.glass-ui .settings-row strong{font-size:13px}.glass-ui .settings-row small{font-size:11px}.glass-ui .settings-group.glass{gap:11px}
 .glass-ui .sheet.schedule-sheet{width:min(calc(100% - 48px),590px)}
 .glass-ui .schedule-sheet .sheet-body{padding:22px 27px 25px}.glass-ui .schedule-sheet .calendar-day{height:40px;min-height:40px;aspect-ratio:auto}.glass-ui .schedule-sheet .calendar-grid{gap:5px}.glass-ui .schedule-sheet .sheet-head{margin-bottom:12px}
 .glass-ui .schedule-sheet .schedule-settings{margin-top:17px}.glass-ui .schedule-sheet .schedule-hours-heading{margin-top:0}.glass-ui .schedule-sheet .calendar-month{margin-bottom:12px}
}
@media(min-width:1000px) and (max-width:1230px){.glass-ui .day-toolbar{flex-wrap:wrap;gap:13px}.glass-ui .day-toolbar .date-row{width:100%;max-width:none}.glass-ui .desktop-add{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.appearance-option{transition:none}}