/* iNight 2050 — GPU-conscious glass-free launcher overlay.
 * The same semantic variables are shared between home, apps and appearance panel.
 */
.inight-overlay{--os-bg:#080e1b;--os-bg2:#151c32;--os-card:#141f33;--os-card-alt:#1c2940;--os-text:#f4f7ff;--os-muted:#aabbd0;--os-edge:#ffffff20;--os-accent:#72e9dd;--os-accent-text:#06272c;--os-app-tile:#ffffff09;color:var(--os-text)}
.inight-overlay[data-inight-theme="day"]{--os-bg:#eaf0f7;--os-bg2:#f9fbff;--os-card:#fff;--os-card-alt:#edf3fb;--os-text:#192944;--os-muted:#58708a;--os-edge:#293f6124;--os-accent:#167c94;--os-accent-text:#fff;--os-app-tile:#eef3fa;color-scheme:light}
.inight-overlay[data-inight-theme="color"]{--os-bg:#0b0b1b;--os-bg2:#171a33;--os-card:#191c39;--os-card-alt:#24294c;--os-text:#f8f7ff;--os-muted:#bfc1e2;--os-edge:#ffffff2a;--os-app-tile:#ffffff09}
.inight-overlay[data-inight-theme="color"][data-inight-palette="cyan"]{--os-accent:#6be6e9;--os-accent-text:#0a2330}
.inight-overlay[data-inight-theme="color"][data-inight-palette="violet"]{--os-accent:#ba9aff;--os-accent-text:#201134}
.inight-overlay[data-inight-theme="color"][data-inight-palette="rose"]{--os-accent:#ff9fc9;--os-accent-text:#311425}
.inight-overlay .inight-device{border-color:var(--os-edge);background:var(--os-bg);box-shadow:0 26px 65px #0008,0 0 0 1px var(--os-edge)}
.inight-overlay .inight-bezel{background:linear-gradient(162deg,var(--os-bg2),var(--os-bg) 55%,var(--os-bg));color:var(--os-text)}
.inight-overlay .inight-shade{background:#060b16ac;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.inight-overlay .inight-status{color:var(--os-text)}
.inight-overlay .inight-status>span:last-child{color:var(--os-muted)}
.inight-overlay.inight-home-active #inightStatusClock{visibility:hidden}
.inight-overlay .inight-orb{display:none}
.inight-overlay .inight-home{background:radial-gradient(ellipse 70% 27% at 82% 4%,var(--os-card-alt) 0%,transparent 100%);padding-bottom:max(12px,env(safe-area-inset-bottom,0px));}
.inight-overlay .inight-brand{gap:8px;flex:none}
.inight-overlay .inight-brand>span{font-size:27px;line-height:1.05;color:var(--os-text);letter-spacing:-.025em}
.inight-overlay .inight-brand small{font-size:8px;color:var(--os-muted);letter-spacing:.19em;margin-top:6px}
.inight-header-actions{display:flex;gap:6px;align-items:center;margin-left:auto}
.inight-overlay .inight-header-actions button{width:39px;height:39px;min-width:39px;border-radius:13px;background:var(--os-app-tile);border:1px solid var(--os-edge);color:var(--os-text);display:grid;place-items:center;box-shadow:none;backdrop-filter:none;font-size:22px}
.inight-overlay .inight-header-actions button:focus-visible,.inight-overlay .inight-icon:focus-visible,.inight-overlay .inight-theme-panel button:focus-visible,.inight-overlay .inight-search input:focus-visible{outline:2px solid var(--os-accent);outline-offset:3px}
.inight-tool .inight-2050-svg{width:19px;height:19px}
.inight-overlay .inight-feature{margin-top:19px;min-height:146px;padding:17px 18px;border-radius:20px;background:linear-gradient(120deg,var(--os-card-alt),var(--os-card));border:1px solid var(--os-edge);box-shadow:none}
.inight-overlay .inight-feature:before{background:radial-gradient(circle,var(--os-accent),transparent 70%);opacity:.09;inset:-110px -75px auto auto}
.inight-overlay .inight-feature:after{display:none}
.inight-overlay .inight-feature-top{color:var(--os-muted);font-size:9px;letter-spacing:.09em}
.inight-overlay .inight-feature-top>span{color:var(--os-accent);font-weight:800}
.inight-overlay .inight-feature>strong{color:var(--os-text);font-size:51px;font-weight:500;line-height:1.19;letter-spacing:-.065em;margin-top:4px;text-shadow:none;font-variant-numeric:tabular-nums}
.inight-overlay .inight-feature>p{color:var(--os-muted);font-size:11px}
.inight-overlay .inight-feature>small{color:var(--os-accent);font-size:9px;margin-top:8px;letter-spacing:.1em}
.inight-overlay .inight-social-launch{border-radius:17px;background:var(--os-card);border:1px solid var(--os-edge);box-shadow:none;color:var(--os-text);backdrop-filter:none}
.inight-overlay .inight-social-launch strong,.inight-overlay .inight-social-launch b{color:var(--os-text)}
.inight-overlay .inight-social-launch small{color:var(--os-muted)}
.inight-overlay .inight-social-symbol{color:var(--os-accent)}
.inight-overlay .inight-label{margin:20px 2px 12px;color:var(--os-muted);letter-spacing:.15em}
.inight-overlay .inight-app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px}
.inight-overlay .inight-icon{min-height:80px;gap:7px;color:var(--os-text)}
.inight-overlay .inight-icon>span{--i-color:var(--os-accent);background:var(--os-app-tile);width:55px;height:55px;border-radius:16px;color:var(--i-color);border:1px solid var(--os-edge);box-shadow:inset 0 1px #ffffff12;backdrop-filter:none;transition:transform .14s ease}
.inight-overlay .inight-icon:active>span{transform:scale(.95)}
.inight-overlay .inight-icon .ic-pink,.inight-overlay .inight-icon .ic-rose{--i-color:#ef91c0}
.inight-overlay .inight-icon .ic-blue,.inight-overlay .inight-icon .ic-indigo,.inight-overlay .inight-icon .ic-steel{--i-color:#84b3ff}
.inight-overlay .inight-icon .ic-gold,.inight-overlay .inight-icon .ic-orange{--i-color:#e9bc7e}
.inight-overlay .inight-icon .ic-teal,.inight-overlay .inight-icon .ic-cyan{--i-color:#77d8d1}
.inight-overlay .inight-icon .ic-violet{--i-color:#c1a2ff}
.inight-overlay .inight-icon .ic-slate{--i-color:#b5c5de}
.inight-overlay .inight-icon small{color:var(--os-muted);font-size:10px;max-width:80px;text-shadow:none;font-weight:650}
.inight-overlay .inight-2050-svg{width:26px;height:26px;flex:none}
.inight-overlay .inight-dock{margin-top:auto;padding:10px 8px 6px;background:var(--os-card);border-color:var(--os-edge);box-shadow:none;backdrop-filter:none;border-radius:21px}
.inight-overlay .inight-dock .inight-icon{min-height:54px}
.inight-overlay .inight-dock .inight-icon>span{width:50px;height:50px;border-radius:15px}
.inight-overlay .inight-homebar{background:var(--os-muted);min-height:4px;opacity:.72}
.inight-overlay .inight-pages{gap:7px}
.inight-overlay .inight-pages button.active{background:var(--os-accent)}
.inight-overlay .inight-page{background:linear-gradient(150deg,var(--os-bg2),var(--os-bg) 65%);color:var(--os-text)}
.inight-overlay .inight-page-head h2{color:var(--os-text)}
.inight-overlay .inight-page-head>div small{color:var(--os-accent)}
.inight-overlay .inight-page-head button{background:var(--os-app-tile);color:var(--os-text);border:1px solid var(--os-edge);backdrop-filter:none}
.inight-overlay .inight-page-body .card{background:var(--os-card);border-color:var(--os-edge)}
.inight-overlay .inight-page-body .card p{color:var(--os-muted)}
.inight-overlay .inight-page-body .card h3,.inight-overlay .inight-page-body .card b{color:var(--os-text)}
.inight-overlay .inight-swipe span{background:var(--os-muted)}
.inight-search{margin:14px 0 0;padding:12px;border-radius:16px;background:var(--os-card);border:1px solid var(--os-edge);position:relative;z-index:2}
.inight-search label{display:block;font-size:9px;font-weight:800;letter-spacing:.11em;color:var(--os-muted);margin-bottom:7px}
.inight-search>div{display:flex;gap:9px;align-items:center}
.inight-search>div>span{color:var(--os-accent);font-size:23px}
.inight-search input{height:35px;min-width:0;width:100%;border:0;background:transparent;color:var(--os-text);outline:none;font-size:14px}
.inight-search input::placeholder{color:var(--os-muted)}
.inight-no-results{grid-column:1/-1;text-align:center;font-size:12px;color:var(--os-muted);padding:23px 6px}
.inight-settings-shortcut{display:flex;align-items:center;gap:12px;width:100%;min-height:70px;background:var(--os-card);border:1px solid var(--os-edge);color:var(--os-text);padding:12px 14px;margin:0 0 14px;border-radius:16px;text-align:left}
.inight-settings-shortcut svg{color:var(--os-accent)}
.inight-settings-shortcut span{display:flex;flex:1;flex-direction:column;gap:4px}
.inight-settings-shortcut span strong{font-size:13px}
.inight-settings-shortcut span small{font-size:11px;color:var(--os-muted)}
.inight-settings-shortcut>b{color:var(--os-accent)}
.inight-theme-panel{position:absolute;inset:0;z-index:12;background:linear-gradient(145deg,var(--os-bg2),var(--os-bg) 64%);padding:64px 23px 24px;overflow-x:hidden;overflow-y:auto;color:var(--os-text);overscroll-behavior:contain}
.inight-theme-panel[hidden]{display:none!important}
.inight-theme-panel header{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--os-edge);padding-bottom:25px}
.inight-theme-panel header small{font-size:9px;color:var(--os-accent);font-weight:800;letter-spacing:.18em}
.inight-theme-panel header h2{margin:7px 0 8px;font:700 29px/1.1 'DM Sans',system-ui;letter-spacing:-.04em;color:var(--os-text)}
.inight-theme-panel header p{font-size:12px;color:var(--os-muted);margin:0}
.inight-theme-panel header button{min-width:42px;width:42px;height:42px;border-radius:14px;background:var(--os-card);border:1px solid var(--os-edge);color:var(--os-text);font-size:28px}
.inight-theme-panel h3{font-size:10px;letter-spacing:.15em;font-weight:800;color:var(--os-muted);margin:29px 0 13px}
.inight-theme-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.inight-theme-modes button{display:flex;flex-direction:column;align-items:center;gap:9px;padding:10px 6px 12px;border-radius:15px;background:var(--os-card);border:1px solid var(--os-edge);color:var(--os-text);font-size:12px}
.inight-theme-modes button[aria-pressed="true"],.inight-theme-palettes button[aria-pressed="true"]{outline:2px solid var(--os-accent);outline-offset:1px}
.theme-preview{width:100%;height:80px;border-radius:10px;border:1px solid #ffffff55;position:relative;overflow:hidden}
.theme-preview:after{content:'';position:absolute;left:14%;top:35%;width:70%;height:10px;border-radius:8px;background:#ffffff75;box-shadow:0 19px #ffffff35}
.theme-preview.night{background:linear-gradient(155deg,#23334d,#080f21)}
.theme-preview.day{background:linear-gradient(155deg,#fff,#cbd8e7)}
.theme-preview.day:after{background:#5d708b77;box-shadow:0 19px #657a9750}
.theme-preview.color{background:linear-gradient(135deg,#d88acc,#746feb 50%,#6bcfce)}
.inight-theme-hint{color:var(--os-muted);font-size:12px;line-height:1.55;margin:-3px 0 17px}
.inight-theme-palettes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.inight-theme-palettes button{display:flex;flex-direction:column;align-items:center;gap:11px;padding:14px 6px;border-radius:15px;background:var(--os-card);border:1px solid var(--os-edge);color:var(--os-text);font-size:12px}
.palette-preview{height:39px;width:39px;border-radius:15px;background:#6be6e9}
.palette-preview.violet{background:#ba9aff}.palette-preview.rose{background:#ff9fc9}
.inight-theme-palettes.inactive{opacity:.75}
.inight-theme-panel footer{margin-top:33px}
.inight-theme-panel footer button{width:100%;height:52px;border:0;border-radius:15px;background:var(--os-accent);color:var(--os-accent-text);font-weight:900;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;gap:12px}
.inight-overlay[data-inight-theme="day"] .inight-social-launch{background:#fff}
.inight-overlay[data-inight-theme="day"] .inight-device{box-shadow:0 24px 64px #0008,0 0 0 1px #152d4344}
.inight-overlay[data-inight-theme="day"] .inight-status>span:last-child{color:#59728e}
.inight-overlay[data-inight-theme="day"] .inight-icon>span{box-shadow:none}
.inight-overlay[data-inight-theme="day"] .inight-page-body input,.inight-overlay[data-inight-theme="day"] .inight-page-body select,.inight-overlay[data-inight-theme="day"] .inight-page-body textarea{color:var(--os-text);background:#fff}
.inight-overlay[data-inight-theme="day"] .inight-page-body .card label{color:var(--os-muted)}
.inight-overlay[data-inight-theme="day"] .inight-page-body .card button.plain{color:var(--os-accent);background:#eef6f9}
.inight-overlay.inight-eco .inight-shade,.inight-overlay.inight-eco .inight-device,.inight-overlay.inight-eco .inight-icon>span,.inight-overlay.inight-eco .inight-dock{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
.inight-overlay.inight-eco .inight-feature:before{display:none}
.inight-overlay.inight-eco .inight-icon>span{transition:none}
@media(prefers-reduced-motion:reduce){.inight-overlay *, .inight-overlay *::before,.inight-overlay *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:650px) and (orientation:portrait){
 .inight-overlay .inight-home{padding-top:calc(60px + env(safe-area-inset-top,0px))}
 .inight-theme-panel{padding-top:calc(63px + env(safe-area-inset-top,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:365px){.inight-overlay .inight-home{padding-left:14px;padding-right:14px}.inight-overlay .inight-icon>span{width:48px;height:48px}.inight-overlay .inight-brand>span{font-size:24px}.inight-overlay .inight-brand small{letter-spacing:.09em}.inight-overlay .inight-feature>strong{font-size:45px}}
@media(orientation:landscape) and (max-height:560px){
 .inight-overlay .inight-feature{min-height:106px;margin-top:9px;padding:10px 13px}
 .inight-overlay .inight-feature>strong{font-size:36px}
 .inight-overlay .inight-label{margin:11px 0 8px}
 .inight-overlay .inight-app-grid{gap:8px}
 .inight-overlay .inight-icon>span{height:43px;width:43px;border-radius:12px}
 .inight-overlay .inight-icon{min-height:63px}
}

/* W22.2 touch ergonomics and predictable scrolling for compact Android screens. */
#inightRoot .inight-header-actions button{min-height:44px;min-width:44px;width:44px;height:44px}
#inightRoot .inight-page-head button{min-height:44px;min-width:44px;width:44px;height:44px}
#inightRoot .inight-page-head h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(18px,5.5vw,23px)}
#inightRoot .inight-page-head>div{min-width:0}
#inightRoot .inight-pages{gap:4px;margin:7px auto 4px}
#inightRoot .inight-pages button,#inightRoot .inight-pages button.active{
 width:44px;min-width:44px;height:44px;min-height:44px;background:transparent;border:0;
 display:grid;place-items:center;touch-action:manipulation;
}
#inightRoot .inight-pages button::before{
 content:'';display:block;width:8px;height:8px;border-radius:10px;background:var(--os-muted);
 transition:width .15s ease,background-color .15s ease;
}
#inightRoot .inight-pages button.active::before{width:23px;background:var(--os-accent)}
#inightRoot .inight-pages button:focus-visible{outline:2px solid var(--os-accent);outline-offset:-2px;border-radius:14px}
#inightRoot .inight-icon{touch-action:manipulation}
#inightRoot .inight-home{overscroll-behavior:contain;scroll-behavior:auto;touch-action:pan-y}
#inightRoot .inight-theme-panel{overscroll-behavior:contain;touch-action:pan-y}
#inightRoot .inight-search{flex-shrink:0}
#inightRoot .inight-header-actions .inight-tool:active{background:var(--os-card-alt)}
@media(max-width:365px){
 #inightRoot .inight-brand>span{font-size:23px}
 #inightRoot .inight-brand small{font-size:7px}
 #inightRoot .inight-header-actions{gap:3px}
 #inightRoot .inight-feature{margin-top:12px;padding:14px}
 #inightRoot .inight-social-launch{padding:10px 9px}
}
@media(orientation:landscape) and (max-height:560px){
 #inightRoot .inight-pages{margin:0 auto}
 #inightRoot .inight-pages button,#inightRoot .inight-pages button.active{height:36px;min-height:36px}
 #inightRoot .inight-header-actions button{width:40px;height:40px;min-width:40px;min-height:40px}
}
@media(prefers-reduced-motion:reduce){#inightRoot .inight-pages button::before{transition:none}}