/* ASY OS Sleep Intelligence V201.1.9. Scoped: does not alter existing pages. */
.sl-center{--sl-bg:#080c17;--sl-panel:#10192a;--sl-border:#293858;--sl-text:#eaf0ff;--sl-muted:#9caeca;--sl-blue:#97b5ff;--sl-violet:#ae9cfe;color:var(--sl-text);background:radial-gradient(ellipse at 85% 0,#172346 0,transparent 35%),linear-gradient(135deg,#060a12,#0a1021);padding:clamp(14px,3vw,30px);border:1px solid var(--sl-border);border-radius:22px;font-size:15px;line-height:1.5;max-width:100%;min-width:0;box-sizing:border-box}
.sl-center *, .sl-center *:before,.sl-center *:after{box-sizing:border-box}
.sl-center h1,.sl-center h2,.sl-center h3{color:#eef3ff;margin:0 0 10px;font-weight:740;line-height:1.28}
.sl-center p{color:var(--sl-muted);margin:8px 0 12px;font-size:14px;overflow-wrap:anywhere}
.sl-header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:18px}
.sl-header small,.sl-hero small{color:#aabdf9;letter-spacing:.09em;font-size:11px;font-weight:730}
.sl-header h1{font-size:clamp(22px,3vw,30px);margin:4px 0}
.sl-period{display:flex;gap:8px;align-items:center;color:#d5e2ff;white-space:nowrap}
.sl-period label{display:flex;gap:8px;align-items:center}
.sl-input{display:block;width:100%;max-width:100%;min-width:0;padding:10px 12px;background:#111c31!important;color:#edf4ff!important;border:1px solid #385076!important;border-radius:10px;font:inherit;font-size:14px}
.sl-input:focus{outline:2px solid #8caafc;outline-offset:2px}
.sl-center select.sl-input option{background:#111c31;color:#eef3ff}
.sl-nav{display:flex;gap:8px;overflow-x:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:#536996 #131c30;padding:4px 2px 14px;margin-bottom:14px}
.sl-tab{display:flex;gap:6px;align-items:center;flex-shrink:0;border:1px solid #28395b;background:#111b2d;color:#aebdd8;border-radius:13px;padding:11px 13px;font:inherit;font-size:13px;cursor:pointer}
.sl-tab span{font-variant-numeric:tabular-nums;font-size:10px;color:#7188b5}
.sl-tab.selected,.sl-tab:hover{color:#f3f6ff;background:#293b68;border-color:#7d9fe8}
.sl-content{display:grid;grid-template-columns:minmax(0,1fr);gap:15px}
.sl-hero{border-radius:20px;border:1px solid #36476d;background:linear-gradient(115deg,#182947,#121931 68%,#1d1940);display:flex;justify-content:space-between;gap:15px;align-items:center;padding:clamp(18px,3vw,28px)}
.sl-hero h2{font-size:clamp(23px,3vw,33px);margin:8px 0}
.sl-moon{font-size:70px;color:#d2dfff;text-shadow:0 0 28px #587ed877;line-height:1}
.sl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sl-grid.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.sl-kpi,.sl-panel{background:linear-gradient(145deg,rgba(21,33,57,.98),rgba(12,20,35,.98));border:1px solid #293b5e;border-radius:16px;padding:18px;min-width:0;overflow-wrap:anywhere}
.sl-kpi small{color:#a5b9d6;font-size:12px;display:block}
.sl-kpi strong{font-size:clamp(20px,2.3vw,28px);font-weight:750;color:#eff5ff;display:block;margin:9px 0}
.sl-kpi span{font-size:12px;color:#859cbe;display:block}
.sl-panel h3{font-size:17px}
.sl-panel>p,.sl-panel>p:last-child{color:#a9bddb}
.sl-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.sl-row span{font-size:12px;color:#91a9cb}
.sl-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sl-btn{border:1px solid #3a5075;background:#182944;color:#dbe9ff;padding:10px 13px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:650;min-width:0}
.sl-btn:hover{border-color:#86a9fa;background:#23385b}
.sl-btn.primary{background:#87a6fa;color:#07142c;border-color:#99b5ff}
.sl-btn.primary:hover{background:#aac5ff}
.sl-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.sl-form label,.sl-panel label{display:block;color:#c6d4e9;font-size:13px;font-weight:600;margin-bottom:10px}
.sl-form label>.sl-input,.sl-panel label>.sl-input{margin-top:6px}
.sl-form textarea{resize:vertical}
.sl-history{display:grid;gap:8px;max-height:780px;overflow:auto}
.sl-history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #2b3c59;background:#0d1629;padding:12px;border-radius:12px;min-width:0}
.sl-history-item b{display:block;color:#dde9ff;font-size:13px}
.sl-history-item small{display:block;color:#91a9ca;font-size:11px;margin:4px 0}
.sl-history-item .sl-actions{justify-content:flex-end}
.sl-bars{height:185px;display:flex;align-items:stretch;gap:4px;padding:10px 0 2px;overflow-x:auto}
.sl-bar-col{height:100%;flex:1 0 8px;max-width:36px;min-width:7px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.sl-bar{background:linear-gradient(#a7beff,#4e71c2);width:100%;min-height:2px;border-radius:5px 5px 2px 2px;box-shadow:0 0 8px #7e9cdd25}
.sl-bar-col small{color:#8ca2c3;font-size:9px;line-height:1.15}
.sl-reason{display:flex;align-items:center;gap:12px;margin:11px 0;color:#c6d4eb;font-size:12px}
.sl-reason span{width:135px;flex-shrink:0}
.sl-reason div{height:9px;border-radius:10px;background:#21304d;overflow:hidden}
.sl-reason i{height:100%;background:linear-gradient(90deg,#9ba8fe,#a58ff5);display:block;border-radius:10px}
.sl-reason b{width:25px;text-align:right}
.sl-notice{padding:12px;background:#1b2b4a;border:1px solid #5a74aa;border-radius:12px;color:#d7e7ff;margin-bottom:10px;font-size:13px}
.sl-footer{text-align:center;color:#8299bd;font-size:12px;padding:18px 4px 2px}
@media(max-width:1050px){.sl-grid.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.sl-center{padding:12px;border-radius:15px}.sl-header{align-items:stretch}.sl-grid,.sl-grid.kpis,.sl-fields{grid-template-columns:minmax(0,1fr)}.sl-hero{padding:16px}.sl-moon{font-size:46px}.sl-history-item{align-items:flex-start;flex-direction:column}.sl-history-item .sl-actions{width:100%;justify-content:flex-start}.sl-panel,.sl-kpi{padding:14px}.sl-btn{font-size:12px;padding:9px 11px}.sl-tab{padding:10px}.sl-bars{height:160px}.sl-row{align-items:flex-start}} 
@media print{body .sl-center{background:#fff!important;color:#111!important;border:none!important;padding:0!important}.sl-center .sl-nav,.sl-center button,.sl-center form,.sl-center .sl-actions{display:none!important}.sl-center .sl-kpi,.sl-center .sl-panel,.sl-center .sl-hero{background:#fff!important;color:#111!important;border:1px solid #ccc!important;break-inside:avoid}.sl-center h1,.sl-center h2,.sl-center h3,.sl-center strong,.sl-center b,.sl-center p{color:#111!important}}