/* Native history UI; decorative objects alone come from the approved board. */
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-browser{margin:0!important;border:1px solid #94bde45c;border-radius:13px;padding:10px 12px;font:400 11px/1.5 Inter,sans-serif;color:var(--night-muted)}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-manage svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-card{position:relative}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-card:first-of-type:after{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--sleep-edge-angle),transparent 265deg,#a4d4f5 310deg,transparent 350deg);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;animation:sleep-report-edge 10s linear infinite}
html[data-theme="light"] #trackingRoom-sleep #sleepDetails .sleep-history-card:first-of-type:after{background:conic-gradient(from var(--sleep-edge-angle),transparent 265deg,#438cc5 310deg,transparent 350deg)}
@media(prefers-reduced-motion:reduce){html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-card:first-of-type:after{animation:none}}
html[data-theme] #trackingRoom-sleep #sleepDetails:not([hidden]){display:grid!important;gap:12px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--night-ink)}
html[data-theme] #trackingRoom-sleep #sleepDetails:before{display:none!important}
html[data-theme] #trackingRoom-sleep:has(#sleepModule.is-expanded[data-sleep-view="evening"])>.alltag-stage>.sleep-reference-head{display:none!important}
html[data-theme] #trackingRoom-sleep #sleepModule.is-expanded[data-sleep-view="evening"]>:is(.sleep-hero,#sleepScreenEvening,#sleepLastChip,#sleepDetailsToggle,#sleepBrowserNote,.sleep-reference-footer){display:none!important}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-header{display:grid!important;margin:0 0 6px!important}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-header{width:100%!important;max-width:600px!important;box-sizing:border-box!important}
html[data-theme] #trackingRoom-sleep #sleepDetails .history-document{width:28px;height:28px;background-image:url('/assets/healthos-sleep-report-silver-reference-v1.png');background-position:-46px -485px}
html[data-theme="light"] #trackingRoom-sleep #sleepDetails .history-document{background-position:-340px -485px}
html[data-theme] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] #sleepDetails .sleep-history-header{display:none!important}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-intro{margin:0 4px 5px!important}
html[data-theme] #trackingRoom-sleep #sleepDetails h2{font:600 26px/1.15 Inter,sans-serif!important;letter-spacing:-.035em!important;margin:8px 0!important;color:var(--night-ink)!important}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-intro p{font:400 12px/1.5 Inter,sans-serif!important;color:var(--night-muted)!important;margin:0!important}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-range{display:grid;grid-template-columns:1fr 1fr;padding:2px;border:1px solid #8bbde24d;border-radius:10px;background:#8dbde509}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-range button{background:none!important;color:var(--night-muted)!important;border:0!important;box-shadow:none!important;border-radius:8px!important;padding:8px!important;font:500 12px/1.4 Inter,sans-serif!important}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-range button.active{background:linear-gradient(130deg,#9bc8efbb,#86b7dd)!important;color:#0a2238!important;box-shadow:inset 0 0 0 1px #d8edffb3!important}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-card{padding:9px 10px 0!important;border-radius:17px!important;border:1px solid #95c4e65c!important;background:linear-gradient(145deg,#97bfe51b,#91bde903)!important;box-shadow:inset 0 1px #cce6ff18!important;min-width:0}
html[data-theme] #trackingRoom-sleep #sleepDetails h3{display:flex;align-items:center;gap:8px;font:500 13px/1.4 Inter,sans-serif!important;color:var(--night-ink)!important;margin:0 0 5px!important;min-height:28px}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-icon{display:block;flex-shrink:0;width:36px;height:36px;background-image:url('/assets/healthos-sleep-history-silver-reference-v1.png');background-size:612px 642.5px;background-repeat:no-repeat;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 42%,transparent 74%)}
html[data-theme] #trackingRoom-sleep #sleepDetails .history-calendar{background-position:-32px -140px;width:28px;height:28px}
html[data-theme] #trackingRoom-sleep #sleepDetails .history-lens{background-position:-37px -314px}
html[data-theme] #trackingRoom-sleep #sleepDetails .history-breath{background-position:-38px -343px}
html[data-theme] #trackingRoom-sleep #sleepDetails .history-rest{background-position:-38px -369px}
html[data-theme] #trackingRoom-sleep #sleepDetails .history-heart{background-position:-35px -412px;width:28px;height:28px}
html[data-theme] #trackingRoom-sleep #sleepDetails .history-lungs{background-position:-61px -412px;width:28px;height:28px;margin-left:-8px}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-entry{display:grid!important;grid-template-columns:minmax(0,1fr) auto 8px;align-items:center;gap:12px;min-height:58px;width:100%;padding:9px 8px!important;border:0!important;border-top:1px solid #8bb1d12e!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;text-align:left;color:var(--night-ink)!important}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-entry strong{display:block;font:500 12px/1.45 Inter,sans-serif!important;color:var(--night-ink)!important}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-entry small{display:block;font:400 10px/1.5 Inter,sans-serif;color:var(--night-muted);margin-top:3px}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-entry i{display:block;position:relative;width:76px;height:4px;border-radius:8px;background:#9bbdde38;margin-top:6px}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-entry i:after{content:'';display:block;width:var(--history-duration);height:100%;border-radius:inherit;background:#8bc8f1}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-entry b{font:400 22px/1 Inter,sans-serif;color:var(--night-muted)}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-entry.is-selected{background:#b3d4f00c!important}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-metric{display:flex;align-items:center;gap:10px;padding:6px 6px;border-top:1px solid #8bb1d12e;min-height:42px;font:400 12px/1.4 Inter,sans-serif!important;color:var(--night-ink)!important}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-metric small{margin-left:auto;font:400 11px/1.4 Inter,sans-serif;color:var(--night-muted);max-width:40%;text-align:right;overflow-wrap:anywhere}
html[data-theme] #trackingRoom-sleep #sleepDetails :is(.sleep-history-hint,.sleep-history-footnote,.sleep-disclaimer){font:400 10px/1.5 Inter,sans-serif!important;color:var(--night-muted)!important;margin:4px 6px 8px!important}
html[data-theme] #trackingRoom-sleep #sleepDetails :is(.sleep-history-technical,.sleep-history-manage,#sleepDemoBanner){margin:0!important;border:1px solid #94bde45c!important;background:#86b9e509!important;border-radius:13px!important;padding:10px 12px!important;font:400 11px/1.5 Inter,sans-serif!important;color:var(--night-muted)!important}
html[data-theme] #trackingRoom-sleep #sleepDetails :is(.sleep-history-technical,.sleep-history-manage) summary{cursor:pointer;font:500 12px/1.5 Inter,sans-serif!important}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-manage{border-color:#d998a34d!important;color:#e3a4b0!important}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-manage summary{display:flex;align-items:center;gap:12px;list-style:none}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-manage summary:after{content:'›';margin-left:auto;font-size:20px}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-empty{font-size:12px;padding:8px;color:var(--night-muted)}
html[data-theme="light"] #trackingRoom-sleep #sleepDetails :is(.sleep-history-card,.sleep-history-range,.sleep-history-technical,#sleepDemoBanner){background:linear-gradient(145deg,#ffffff66,#d3e4f31c)!important;border-color:#91b9db66!important}
html[data-theme="light"] #trackingRoom-sleep #sleepDetails .sleep-history-icon{mix-blend-mode:multiply}
html[data-theme="light"] #trackingRoom-sleep #sleepDetails .history-calendar{background-position:-335px -140px}
html[data-theme="light"] #trackingRoom-sleep #sleepDetails .history-lens{background-position:-337px -314px}
html[data-theme="light"] #trackingRoom-sleep #sleepDetails .history-breath{background-position:-337px -343px}
html[data-theme="light"] #trackingRoom-sleep #sleepDetails .history-rest{background-position:-337px -369px}
html[data-theme="light"] #trackingRoom-sleep #sleepDetails .history-heart{background-position:-337px -412px}
html[data-theme="light"] #trackingRoom-sleep #sleepDetails .history-lungs{background-position:-363px -412px}
html[data-theme="light"] #trackingRoom-sleep #sleepDetails .sleep-history-manage{color:#a84452!important;background:#fff2!important}
@media(max-width:350px){html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-metric{gap:7px;font-size:11px!important}html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-metric small{font-size:10px}}
html[data-theme] #trackingRoom-sleep #sleepDetails .sleep-history-card .history-document{width:36px;height:36px;background-image:url('/assets/healthos-sleep-report-silver-reference-v1.png')!important;background-position:-42px -479px!important}
html[data-theme="light"] #trackingRoom-sleep #sleepDetails .sleep-history-card .history-document{background-position:-336px -479px!important}
html[data-theme] #trackingRoom-sleep .sleep-vitals-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;margin:6px 6px 0 0;border:1px solid #91b8da70;border-radius:18px;background:#a6ccec12;color:inherit;font:inherit;font-size:12px;cursor:pointer;white-space:normal}
html[data-theme] #trackingRoom-sleep .sleep-vitals-action:disabled{opacity:.55;cursor:default}
html[data-theme] #trackingRoom-sleep .sleep-vitals-action:focus-visible{outline:2px solid #69b9ed;outline-offset:3px}
#trackingRoom-sleep .sleep-vitals-charts{display:grid;gap:12px;margin:12px 0}
#trackingRoom-sleep .sleep-vitals-charts:empty{display:none}
#trackingRoom-sleep .sleep-vitals-charts figure{margin:0;color:#8ec8ee}
#trackingRoom-sleep .sleep-vitals-charts figcaption{font-size:11px;color:inherit}
#trackingRoom-sleep .sleep-vitals-charts svg{display:block;width:100%;height:64px}
html[data-theme="light"] #trackingRoom-sleep .sleep-vitals-charts figure{color:#285477}
#trackingRoom-sleep .sleep-health-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:24px;border:1px solid #91b8da80;border-radius:28px;background:#0a2037ed;color:#edf5ff;box-shadow:0 20px 80px #0005;backdrop-filter:blur(16px)}
#trackingRoom-sleep .sleep-health-dialog::backdrop{background:#02112370;backdrop-filter:blur(3px)}
#trackingRoom-sleep .sleep-health-dialog h3{margin:0 0 14px;font-size:20px}
#trackingRoom-sleep .sleep-health-dialog p{font-size:14px;line-height:1.6}
html[data-theme="light"] #trackingRoom-sleep .sleep-health-dialog{background:#f6fbffed;color:#132b46}
