/* Last-night view, matched to the approved compact Dark/White reference. */
/* Exact decorative silver objects from the approved preview; no raster text. */
html[data-theme] #trackingRoom-sleep .sleep-material-icon{display:block;width:44px;height:44px;background-image:url('/assets/healthos-sleep-report-silver-reference-v1.png')!important;background-size:612px 642.5px!important;background-repeat:no-repeat!important;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 45%,transparent 75%);pointer-events:none}
html[data-theme] #trackingRoom-sleep .sleep-material-motion{background-position:-44px -273px!important}
html[data-theme] #trackingRoom-sleep .sleep-material-sounds{background-position:-43px -316px!important}
html[data-theme] #trackingRoom-sleep .sleep-material-quality{background-position:-44px -359px!important}
html[data-theme] #trackingRoom-sleep .sleep-material-week{background-position:-42px -439px!important}
html[data-theme="light"] #trackingRoom-sleep .sleep-material-icon{mix-blend-mode:multiply}
html[data-theme="light"] #trackingRoom-sleep .sleep-material-motion{background-position:-337px -273px!important}
html[data-theme="light"] #trackingRoom-sleep .sleep-material-sounds{background-position:-336px -316px!important}
html[data-theme="light"] #trackingRoom-sleep .sleep-material-quality{background-position:-337px -359px!important}
html[data-theme="light"] #trackingRoom-sleep .sleep-material-week{background-position:-336px -439px!important}
html[data-theme] #trackingRoom-sleep #sleepModule .sleep-report-head,
html[data-theme] #trackingRoom-sleep #sleepModule .sleep-report-return{display:none!important}
html[data-theme] #trackingRoom-sleep:has(#sleepModule[data-sleep-view="morning"])>.alltag-stage>.sleep-reference-head{display:none!important}
html[data-theme] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] .sleep-report-head{display:grid!important;margin-bottom:28px!important}
html[data-theme] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] :is(.sleep-hero,#sleepBrowserNote){display:none!important}
html[data-theme] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] #sleepScreenMorning{margin:0!important}
html[data-theme] #trackingRoom-sleep .sleep-report-intro{padding:0!important;margin:0 4px 24px!important;display:block!important}
html[data-theme] #trackingRoom-sleep .sleep-report-intro .sleep-silver-moon{width:50px;height:50px;margin:0 0 9px!important;transform:scale(.72);transform-origin:left bottom}
html[data-theme] #trackingRoom-sleep #sleepReportTitle{margin:0!important;font:500 27px/1.12 Inter,sans-serif!important;letter-spacing:-.035em!important;color:var(--night-ink)!important}
html[data-theme] #trackingRoom-sleep #sleepReportDate{font:400 13px/1.5 Inter,sans-serif!important;color:var(--night-muted)!important;margin:8px 0 0!important}
html[data-theme] #trackingRoom-sleep .sleep-report-summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:12px 14px;align-items:center;box-sizing:border-box;padding:18px 18px 13px!important;border:1px solid #9ebfe15c;border-radius:22px;background:linear-gradient(120deg,#7da2d30c,#ffffff04);box-shadow:inset 0 1px #ffffff06;color:var(--night-ink)}
html[data-theme] #trackingRoom-sleep .sleep-report-summary small{font:400 12px/1.4 Inter,sans-serif;color:var(--night-muted)}
html[data-theme] #trackingRoom-sleep #sleepReportDuration{display:block;font:600 26px/1.3 Inter,sans-serif;letter-spacing:-.035em;color:var(--night-ink);margin:6px 0 0;overflow-wrap:anywhere}
html[data-theme] #trackingRoom-sleep #sleepReportWindow{font:400 12px/1.4 Inter,sans-serif;color:var(--night-muted);margin:6px 0 0}
html[data-theme] #trackingRoom-sleep .sleep-report-clock{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:1px solid #9ebfe163;background:radial-gradient(at 30% 20%,#b5d5ff25,#accbff07);box-shadow:inset 0 1px #ffffff25}
html[data-theme] #trackingRoom-sleep .sleep-report-clock svg{width:26px;height:26px;fill:none;stroke:var(--night-ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
html[data-theme] #trackingRoom-sleep .sleep-report-source{grid-column:1/-1;display:flex;align-items:center;gap:8px;font:400 11px/1.5 Inter,sans-serif;color:var(--night-muted);margin:0!important;padding:11px 0 0!important;border-top:1px solid #8eaec53b}
html[data-theme] #trackingRoom-sleep .sleep-report-reflection{position:absolute;left:20px;top:-1px;width:65px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#d1eaff 40%,#fff 55%,transparent);box-shadow:0 0 6px #a8d5ff80;animation:sleep-report-shine 12s ease-in-out infinite;pointer-events:none}
@keyframes sleep-report-shine{0%{left:6%;opacity:.65}50%{opacity:1}100%{left:calc(94% - 65px);opacity:.65}}
html[data-theme] #trackingRoom-sleep .sleep-report-reflection{height:3px;animation-duration:6s;box-shadow:0 0 9px 2px #a8d5ff80}
@property --sleep-edge-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
html[data-theme] #trackingRoom-sleep .sleep-report-summary:after{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:2px;pointer-events:none;background:conic-gradient(from var(--sleep-edge-angle),transparent 0deg 265deg,#88bfff88 290deg,#ecf7ff 320deg,transparent 350deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:sleep-report-edge 8s linear infinite}
@keyframes sleep-report-edge{to{--sleep-edge-angle:360deg}}
html[data-theme] #trackingRoom-sleep .sleep-report-rows button>svg,html[data-theme] #trackingRoom-sleep .sleep-report-disclosure>svg{box-sizing:content-box;padding:7px;border-radius:11px;background:linear-gradient(145deg,#a4cfff20,#a4cfff05);box-shadow:inset 0 1px #c4e1ff20;stroke:#c8e4ff;stroke-width:1.5}
html[data-theme] #trackingRoom-sleep .sleep-report-rows button{grid-template-columns:37px minmax(0,1fr) auto 8px}
html[data-theme] #trackingRoom-sleep .sleep-report-disclosure{grid-template-columns:37px minmax(0,1fr) 12px}
html[data-theme="light"] #trackingRoom-sleep .sleep-report-summary:after{background:conic-gradient(from var(--sleep-edge-angle),transparent 0deg 265deg,#76a5da99 290deg,#3778b8 320deg,transparent 350deg)}
html[data-theme="light"] #trackingRoom-sleep .sleep-report-rows button>svg,html[data-theme="light"] #trackingRoom-sleep .sleep-report-disclosure>svg{stroke:#345a83;background:linear-gradient(145deg,#fff8,#97b7dc25);box-shadow:inset 0 1px #fff9}
@media(prefers-reduced-motion:reduce){html[data-theme] #trackingRoom-sleep .sleep-report-summary:after{animation:none}}
html[data-theme] #trackingRoom-sleep .sleep-report-rows button{grid-template-columns:44px minmax(0,1fr) auto 8px}
html[data-theme] #trackingRoom-sleep .sleep-report-disclosure{grid-template-columns:44px minmax(0,1fr) 12px}
html[data-theme] #trackingRoom-sleep .sleep-report-intro{text-align:center!important}
html[data-theme] #trackingRoom-sleep .sleep-report-intro .sleep-material-moon{width:60px!important;height:44px!important;margin:0 auto 8px!important;transform:none!important;background-position:-122px -46px!important;filter:none!important;clip-path:none!important}
html[data-theme="light"] #trackingRoom-sleep .sleep-report-intro .sleep-material-moon{background-position:-414px -46px!important}
html[data-theme] #trackingRoom-sleep .sleep-report-summary{grid-template-columns:minmax(0,1fr) 72px}
html[data-theme] #trackingRoom-sleep .sleep-material-clock{width:72px;height:72px;border:0;background-color:transparent!important;border-radius:0;box-shadow:none!important;background-position:-207px -171px!important}
html[data-theme="light"] #trackingRoom-sleep .sleep-material-clock{background-position:-499px -171px!important}
html[data-theme] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] #sleepDetailsToggle:before{width:44px;height:44px;left:14px;background-image:url('/assets/healthos-sleep-report-silver-reference-v1.png')!important;background-size:612px 642.5px!important;background-position:-42px -479px!important;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 40%,transparent 74%)}
html[data-theme="light"] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] #sleepDetailsToggle:before{background-position:-336px -479px!important;mix-blend-mode:multiply}
html[data-theme] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] #sleepDetailsToggle{padding-left:70px!important}
html[data-theme] #trackingRoom-sleep .sleep-report-rows{border:1px solid #99b8da35;border-radius:19px;background:#aec9ef04;padding:0 12px;margin:18px 0 0}
html[data-theme] #trackingRoom-sleep .sleep-report-rows button{box-sizing:border-box;display:grid;grid-template-columns:25px minmax(0,1fr) auto 8px;align-items:center;gap:10px;min-height:58px;width:100%;padding:10px 0;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--night-ink)!important;text-align:left;font:400 13px/1.35 Inter,sans-serif!important}
html[data-theme] #trackingRoom-sleep .sleep-report-rows button+button{border-top:1px solid #91afce3b!important}
html[data-theme] #trackingRoom-sleep .sleep-report-rows svg{width:23px;height:23px;stroke:var(--night-ink);fill:none;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
html[data-theme] #trackingRoom-sleep .sleep-report-rows small{font:400 11px/1.4 Inter,sans-serif;color:var(--night-muted);text-align:right;max-width:95px;overflow-wrap:anywhere}
html[data-theme] #trackingRoom-sleep .sleep-report-rows i{font-style:normal;font-size:20px;color:var(--night-muted)}
html[data-theme] #trackingRoom-sleep .sleep-report-note{display:flex;align-items:flex-start;gap:10px;font:400 11px/1.55 Inter,sans-serif;color:var(--night-muted);margin:16px 6px 20px!important}
html[data-theme] #trackingRoom-sleep .sleep-report-note>span:first-child{font-size:18px;line-height:1.1}
html[data-theme] #trackingRoom-sleep .sleep-report-disclosure{display:grid;grid-template-columns:24px minmax(0,1fr) 12px;align-items:center;gap:12px;width:100%;min-height:54px;padding:14px!important;border:1px solid #99b8da35!important;border-bottom:0!important;border-radius:19px 19px 0 0!important;background:#aec9ef04!important;box-shadow:none!important;color:var(--night-ink)!important;font:400 13px/1.4 Inter,sans-serif!important;text-align:left!important}
html[data-theme] #trackingRoom-sleep .sleep-report-disclosure svg{width:23px;height:23px;fill:none;stroke:var(--night-ink);stroke-width:1.7;stroke-linecap:round}
html[data-theme] #trackingRoom-sleep .sleep-report-disclosure i{font-style:normal;font-size:21px;color:var(--night-muted);transition:transform .2s}
html[data-theme] #trackingRoom-sleep .sleep-report-disclosure[aria-expanded="true"] i{transform:rotate(90deg)}
html[data-theme] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] #sleepDetailsToggle{box-sizing:border-box;width:100%;min-height:54px;padding:14px 40px 14px 50px!important;border:1px solid #99b8da35!important;border-top:1px solid #91afce3b!important;border-radius:0 0 19px 19px!important;background:#aec9ef04!important;font:400 13px/1.4 Inter,sans-serif!important}
html[data-theme] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] #sleepDetailsToggle:before{position:absolute;left:14px;width:23px;height:23px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23dbe9fc' fill='none' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l5 5v13H6zM14 3v5h5M9 12h7M9 16h5'/%3E%3C/svg%3E")!important}
html[data-theme] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] #sleepDetailsToggle:after{right:16px}
html[data-theme] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] .sleep-report-return{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;position:relative;width:100%;min-height:48px;margin:24px 0 0;padding:12px 35px;border:1px solid #a4c9ef82;border-radius:999px;background:linear-gradient(130deg,#668fb64a,#aacffb22);box-shadow:inset 0 1px #d4eaff29;font:500 13px/1.4 Inter,sans-serif;color:var(--night-ink)}
html[data-theme] #trackingRoom-sleep .sleep-report-return>span:first-child{position:absolute;left:30px;font:300 25px/1 Inter,sans-serif}
html[data-theme] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] .sleep-reference-footer{padding-top:16px!important;margin-top:24px!important;border-top:1px solid #91afce26;font-size:10px!important}
html[data-theme] #trackingRoom-sleep :is(#sleepReportMeasurements,#sleepReportWeek):not([hidden]){display:grid!important;gap:12px;padding:18px 0}
html[data-theme] #trackingRoom-sleep #sleepReportMeasurements .sleep-card:before{display:none!important}
html[data-theme] #trackingRoom-sleep #sleepReportMeasurements .sleep-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme] #trackingRoom-sleep #sleepReportWeek .sleep-week{margin:0!important}
html[data-theme] #trackingRoom-sleep #sleepReportMeasurements .sleep-score-ring{box-shadow:none!important}
html[data-theme="light"] #trackingRoom-sleep :is(.sleep-report-summary,.sleep-report-rows,.sleep-report-disclosure),html[data-theme="light"] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] #sleepDetailsToggle{background:#ffffff18!important;border-color:#8ca9cd4d!important;box-shadow:inset 0 1px #ffffff45!important}
html[data-theme="light"] #trackingRoom-sleep .sleep-report-clock{border-color:transparent;background:#ccdaf059;box-shadow:none}
html[data-theme="light"] #trackingRoom-sleep .sleep-report-reflection{background:linear-gradient(90deg,transparent,#79b9ee 40%,#d9f0ff 55%,transparent);box-shadow:0 0 6px #57a4e880}
html[data-theme="light"] #trackingRoom-sleep :is(.sleep-report-source,.sleep-report-rows button+button){border-color:#8ba6c744!important}
html[data-theme="light"] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] #sleepDetailsToggle:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23172740' fill='none' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l5 5v13H6zM14 3v5h5M9 12h7M9 16h5'/%3E%3C/svg%3E")!important}
html[data-theme="light"] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] .sleep-report-return{background:linear-gradient(130deg,#ffffff22,#c8dffa44)!important;border-color:#8cb0dd80!important;color:var(--night-ink)!important}
/* Compact spacing, never scale the page or clip shorter devices. */
@media(max-width:600px){
html[data-theme] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] .sleep-report-head{margin-bottom:16px!important}
html[data-theme] #trackingRoom-sleep .sleep-report-intro{margin-bottom:16px!important}
html[data-theme] #trackingRoom-sleep .sleep-report-intro .sleep-silver-moon{height:38px;margin-bottom:4px!important}
html[data-theme] #trackingRoom-sleep .sleep-report-summary{padding:14px 16px 10px!important;gap:8px 14px}
html[data-theme] #trackingRoom-sleep .sleep-report-rows{margin-top:14px}
html[data-theme] #trackingRoom-sleep .sleep-report-rows button{min-height:52px;padding:8px 0}
html[data-theme] #trackingRoom-sleep .sleep-report-note{margin:12px 6px 14px!important}
html[data-theme] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] .sleep-report-return{margin-top:16px}
html[data-theme] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] .sleep-reference-footer{margin-top:16px!important;padding-top:12px!important}
}
@media(max-width:350px){html[data-theme] #trackingRoom-sleep #sleepReportTitle{font-size:25px!important}html[data-theme] #trackingRoom-sleep .sleep-report-rows button{gap:7px;font-size:12px!important}}
@media(prefers-reduced-motion:reduce){html[data-theme] #trackingRoom-sleep .sleep-report-reflection{animation:none;left:35%;opacity:.8}html[data-theme] #trackingRoom-sleep .sleep-report-disclosure i{transition:none}}
html[data-theme] #trackingRoom-sleep .sleep-report-rows button{grid-template-columns:44px minmax(0,1fr) auto 8px!important;gap:12px!important}
html[data-theme] #trackingRoom-sleep .sleep-report-disclosure{grid-template-columns:44px minmax(0,1fr) 12px!important;gap:12px!important}
html[data-theme] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] #sleepDetailsToggle:before{width:44px;height:44px;left:14px;background-image:url('/assets/healthos-sleep-report-silver-reference-v1.png')!important;background-size:612px 642.5px!important;background-position:-42px -479px!important;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 40%,transparent 74%)}
html[data-theme="light"] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] #sleepDetailsToggle:before{background-position:-336px -479px!important;mix-blend-mode:multiply}
html[data-theme] #trackingRoom-sleep #sleepModule[data-sleep-view="morning"] #sleepDetailsToggle{padding-left:70px!important}
.sleep-morning-check { padding: 16px; margin: 12px 0; }
.sleep-morning-check summary { cursor: pointer; font-weight: 600; }
.sleep-morning-check form { display: grid; gap: 12px; margin-top: 12px; }
.sleep-morning-check label { display: grid; grid-template-columns: minmax(0,1fr) 76px; align-items: center; gap: 12px; }
.sleep-morning-check input { min-width: 0; width: 100%; padding: 8px; border-radius: 12px; font: inherit; }
.sleep-morning-check form > div { display: flex; flex-wrap: wrap; gap: 10px; }
.sleep-morning-check button { padding: 10px 14px; border-radius: 16px; font: inherit; }