/* The supplied grey glass reference: soft slate, a continuous optical rim,
   transparent centres and a restrained lower-edge reflection. */
body.glass-ui[data-theme=lens]{color-scheme:dark;background:#6b7c86;--ink:#fbfcfd;--muted:#edf2f5;--line:#d9e6ed38;--faint:#d7e4ed1c;--glass:#d6e6ef0c;--secondary:#c7dce50c;--accent:#eef7fa;--on-accent:#35454f;--control-top:#e7f4fa0c;--control-bottom:#17303f12;--rim:#dceaf06b;--inner-dark:#20333f42;--depth:#172d3d33;--shine:#f3fcffd9;--sheet-bg:linear-gradient(145deg,#73858fcf,#596b76e8);--busy-low:132,191,165;--busy-mid:216,185,126;--busy-high:215,150,150;--lens-fill:radial-gradient(ellipse at 50% 112%,#ecf8ff24,transparent 58%),linear-gradient(165deg,#e3f4fc0a,#17303f12 48%,#e4f5ff0a);--lens-edge:conic-gradient(from 125deg,#d6e8f94d 0deg,#f4fcfff0 55deg,#c0d2df66 108deg,#1b303d66 160deg,#effaffeb 230deg,#f6fdffe6 278deg,#a2b9ca42 325deg,#d6e8f94d 360deg);--lens-shadow:0 0 0 1px #20323f61,inset 0 1px 1px #f6fdffb3,inset 0 -1px 1px #f1fbff8c,inset 3px 0 6px -5px #132c3e9c,inset -3px 0 6px -5px #132c3e8c,inset 0 -9px 12px -9px #d4ebfa8c,0 4px 7px #17303f26,0 12px 24px -17px #10253670}
body.glass-ui[data-theme=lens] .backdrop{background:radial-gradient(ellipse 100% 70% at -8% 46%,#acb9bd38,transparent 78%),radial-gradient(ellipse 110% 95% at 115% 80%,#23323f26,transparent 76%),linear-gradient(145deg,#65747e,#7a8992 56%,#5f707c)}
body.glass-ui[data-theme=lens] .backdrop:before{content:none}
body.glass-ui[data-theme=lens] .backdrop:after{content:"";position:absolute;inset:0;background:url('./lens-grain.svg') repeat;opacity:.055;transform:none;mix-blend-mode:soft-light}
body.glass-ui[data-theme=lens] .glass{background:linear-gradient(155deg,#d5e6ef0c,#1833400d 65%,#d9eaf40b);border:1px solid #d4e4ef40;box-shadow:inset 0 1px 0 #edf8ff47,inset 0 -1px 0 #cfe4f01a,0 12px 28px -21px #142f4380;backdrop-filter:blur(20px) saturate(85%);-webkit-backdrop-filter:blur(20px) saturate(85%)}
body.glass-ui[data-theme=lens] :is(.primary-button,.secondary-button,.icon-button,.avatar-button,.date-button,.field-picker,.calendar-day,.settings-row){position:relative;isolation:isolate;background:var(--lens-fill);border:1px solid var(--rim);box-shadow:var(--lens-shadow);color:var(--ink);backdrop-filter:blur(12px) saturate(85%);-webkit-backdrop-filter:blur(12px) saturate(85%)}
body.glass-ui[data-theme=lens] :is(.weekday-picks,.time-slots) button,body.glass-ui[data-theme=lens] .segmented button[aria-pressed=true]{position:relative;isolation:isolate;background:var(--lens-fill);border:1px solid var(--rim);box-shadow:var(--lens-shadow);color:var(--ink);backdrop-filter:blur(12px) saturate(85%);-webkit-backdrop-filter:blur(12px) saturate(85%)}
body.glass-ui[data-theme=lens] :is(.primary-button,.secondary-button,.icon-button,.avatar-button,.date-button,.field-picker,.settings-row,.client-choice .service-choice):before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:var(--lens-edge);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;z-index:1}
body.glass-ui[data-theme=lens] .primary-button{border-radius:999px;background:radial-gradient(ellipse at 50% 120%,#edf8ff38,transparent 62%),linear-gradient(155deg,#c7e0ec0d,#20354214 50%,#e1f2ff0d);color:#fff;text-shadow:0 1px 2px #1d33434d;font-weight:550;box-shadow:var(--lens-shadow),0 0 0 2px #20313c1a}
body.glass-ui[data-theme=lens] .secondary-button{border-radius:999px}
body.glass-ui[data-theme=lens] .icon-button,body.glass-ui[data-theme=lens] .date-row>.icon-button{border-radius:50%}
body.glass-ui[data-theme=lens] .date-row>.icon-button{width:44px;min-width:44px;height:44px;padding:0}
body.glass-ui[data-theme=lens] .date-button{border-radius:999px}
body.glass-ui[data-theme=lens] .field-picker{border-radius:19px}
body.glass-ui[data-theme=lens] .settings-row{border-radius:22px}
body.glass-ui[data-theme=lens]{--lens-list-fill:radial-gradient(ellipse at 50% 114%,#ecf8ff22,transparent 60%),linear-gradient(165deg,#e3f4fc0a,#17303f0f 48%,#e4f5ff0a);--lens-list-shadow:0 0 0 1px #20323f47,inset 0 1px 1px #f6fdff9c,inset 0 -1px 1px #f1fbff80,inset 2px 0 5px -4px #132c3e8c,inset -2px 0 5px -4px #132c3e7a,inset 0 -9px 12px -9px #d4ebfa80,0 3px 6px #17303f24,0 10px 19px -13px #10253666}
body.glass-ui[data-theme=lens] :is(.record,.client-entry,.search-field){position:relative;isolation:isolate;background:var(--lens-list-fill);border:1px solid var(--rim);box-shadow:var(--lens-list-shadow)}
body.glass-ui[data-theme=lens] :is(.record,.client-entry){border-radius:22px}
body.glass-ui[data-theme=lens] :is(.record,.client-entry,.search-field):before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:var(--lens-edge);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;opacity:.82;pointer-events:none;z-index:1}
body.glass-ui[data-theme=lens] .record-person strong,body.glass-ui[data-theme=lens] .record-time,body.glass-ui[data-theme=lens] .record-meta strong{text-shadow:0 1px 1px #253b482e}
body.glass-ui[data-theme=lens] .bottom-tabs{background:linear-gradient(155deg,#d0e0ea14,#233b4c0b 65%,#c4dce716);border-color:#d3e5f057;box-shadow:inset 0 1px 0 #f4fcff70,inset 0 -1px 0 #e1f2ff33,0 8px 22px -14px #1c354c80;backdrop-filter:blur(22px) saturate(85%);-webkit-backdrop-filter:blur(22px) saturate(85%)}
body.glass-ui[data-theme=lens] .nav-indicator{background:var(--lens-fill);border-color:#e4f2f9a3;box-shadow:var(--lens-shadow)}
body.glass-ui[data-theme=lens] .nav-button{color:#e2ecf2}
body.glass-ui[data-theme=lens] .nav-button[aria-current=page]{color:#fff}
body.glass-ui[data-theme=lens] .app-footer{background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body.glass-ui[data-theme=lens] .settings-group.glass{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body.glass-ui[data-theme=lens] .field-label :is(input,textarea){background:linear-gradient(150deg,#1b34451a,#c8dfec0b);border-color:#c9dfe95c;color:#f5f8fa;box-shadow:inset 0 2px 4px #142d3e26,inset 0 -1px 1px #eefaff5c,0 0 0 1px #263b491a}
body.glass-ui[data-theme=lens] :is(input,textarea)::placeholder{color:#d3dfe7;opacity:1}
body.glass-ui[data-theme=lens] .inline-menu{background:linear-gradient(145deg,#25405014,#cedfea0b);border-color:#d9e6ed38;box-shadow:inset 0 1px 3px #1f3a4b26,0 1px 0 #e8f5ff33}
body.glass-ui[data-theme=lens] .service-choice[aria-pressed=true]{background:#e8f5ff12;box-shadow:inset 0 1px 0 #f0fbff47,inset 0 -1px 2px #2c45552e}
body.glass-ui[data-theme=lens] .service-choice[aria-pressed=true]>svg{color:#fff}
body.glass-ui[data-theme=lens] .client-choice .service-choice{background:var(--lens-fill);border-color:#deeff894;border-radius:23px;box-shadow:var(--lens-shadow)}
body.glass-ui[data-theme=lens] .client-choice .service-choice[aria-pressed=true]{background:radial-gradient(ellipse at 50% 115%,#e9f7ff24,transparent 60%),linear-gradient(145deg,#dceefa17,#18313f0d);border-color:#f0faffc9;box-shadow:var(--lens-shadow),0 0 0 1px #d8ecfa2b}
body.glass-ui[data-theme=lens] .sheet{border-color:#deeff570;box-shadow:inset 0 1px 1px #f6fcff99,inset 0 -1px 1px #d4e8f557,0 0 0 1px #2a414f33,0 22px 60px -16px #162d405c;backdrop-filter:blur(28px) saturate(85%);-webkit-backdrop-filter:blur(28px) saturate(85%)}
body.glass-ui[data-theme=lens] .sheet::backdrop{background:#22354329;backdrop-filter:blur(8px) saturate(.7);-webkit-backdrop-filter:blur(8px) saturate(.7)}
body.glass-ui[data-theme=lens] .sheet[data-workdays-focus=true]::backdrop{background:#6d7f8a38}
body.glass-ui[data-theme=lens] .calendar-day{border-radius:14px;box-shadow:0 0 0 1px #243d4a26,inset 0 1px 1px #f5fcffab,inset 0 -1px 1px #d9eef885,inset 0 -7px 9px -8px #e0f4ffb3,0 3px 5px #1932431f}
body.glass-ui[data-theme=lens] .calendar-day[aria-pressed=true],body.glass-ui[data-theme=lens] .weekday-picks button[aria-pressed=true],body.glass-ui[data-theme=lens] .time-slots button[aria-pressed=true]{background:linear-gradient(145deg,#e2f2ff26,#e2f2ff0b 52%,#eefaff30);border-color:#f5fcffc9;color:#fff;box-shadow:var(--lens-shadow),0 0 0 1px #d5edfc40}
body.glass-ui[data-theme=lens] .calendar-day.is-today:before{background:linear-gradient(135deg,#f1fcffe6,#b5d6eb5c 36%,#deefff1a 59%,#f2fbfff0)}
body.glass-ui[data-theme=lens] .calendar-day[data-load=closed]{background:#243d4c16;border-color:#c3d7e13b}
/* The dialog already frosts the scene; its small cells need no extra blur layers. */
body.glass-ui[data-theme=lens] .sheet :is(.calendar-day,.time-slots button,.weekday-picks button){backdrop-filter:none;-webkit-backdrop-filter:none}
body.glass-ui[data-theme=lens] .choice-check{background:#e9f8ff0a;border-color:#def1ff66}
body.glass-ui[data-theme=lens] .danger-button,body.glass-ui[data-theme=lens] .form-error{color:#ffdbd4}
body.glass-ui[data-theme=lens] :is(button,a,input,textarea):focus-visible{outline-color:#edfaff;outline-offset:3px}
body.glass-ui[data-theme=lens] .demo-chip{background:#e4f3fc09;border-color:#e4f3fc40;color:#eef4f8}
body.glass-ui[data-theme=lens] .text-button{background:#dceaf20b;box-shadow:inset 0 1px 0 #f1fbff40,0 2px 4px #20384712}
body.glass-ui[data-theme=lens] button:active:not(:disabled){box-shadow:inset 0 2px 5px #1d344747,inset 0 -1px 1px #eefaff7a,0 0 0 1px #263b474d}
@media(min-width:1000px){body.glass-ui[data-theme=lens] .backdrop{background:radial-gradient(ellipse 65% 100% at 5% 45%,#acb9bd3d,transparent 78%),radial-gradient(ellipse 80% 100% at 110% 80%,#23323f26,transparent 78%),linear-gradient(135deg,#64757f,#7b8b94 57%,#5f707c)}}
