/* Compact Vista shell surfaces, using the same graphite and silver as the PC. */
.command-search-button{flex:none;display:grid;place-items:center;width:28px;height:27px;padding:5px;border:1px solid transparent;border-radius:3px;background:transparent;color:#dceaf5;box-shadow:none}
.command-search-button svg{width:16px;height:16px;filter:drop-shadow(0 1px 1px #000b)}
.command-search-button:hover,.notification-button:hover,.notification-button[aria-expanded=true]{border-color:#c5d8e566!important;background:linear-gradient(#d7ecff33,#aecbdd0b)!important;box-shadow:inset 0 1px 0 #ffffff24}
.start-menu.is-searching{width:min(484px,100vw)}
.start-search-results{flex:1;min-height:0;height:380px;overflow:auto;padding:5px 4px;color:var(--pc-text);background:linear-gradient(100deg,var(--pc-surface),var(--pc-bg));scrollbar-width:thin;scrollbar-color:var(--pc-line) transparent}
.start-result-group{display:flex;align-items:center;gap:9px;padding:9px 7px 5px;font-size:11px;font-weight:600;color:var(--pc-link)}
.start-result-group:after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--pc-line),transparent)}
.start-search-results [role=option]{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 8px;border:1px solid transparent;border-radius:3px;cursor:pointer}
.start-search-results [role=option]>svg{width:28px;height:28px;flex:none;filter:drop-shadow(0 1px 1px #0003)}
.start-search-results [role=option]>span{min-width:0}
.start-search-results strong,.start-search-results small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.start-search-results strong{font-size:12px;font-weight:400;line-height:1.5}
.start-search-results small{font-size:10px;color:var(--pc-muted);line-height:1.5}
.start-search-results [role=option][aria-selected=true],.start-search-results [role=option]:hover{background:linear-gradient(var(--pc-hover),var(--pc-surface));border-color:var(--pc-line);box-shadow:inset 0 1px 0 var(--pc-sheen)}
.start-search-results [role=option][aria-selected=true]{border-color:var(--pc-link)}
.start-search-status{margin:0;padding:7px 10px;font-size:10px;line-height:1.4;color:var(--pc-muted);border-top:1px solid var(--pc-line);background:var(--pc-surface)}
.start-search-empty{margin:25px 13px;font-size:12px;line-height:1.8;color:var(--pc-muted)}
.start-search input{color:var(--pc-text);background:var(--pc-input);color-scheme:inherit}
.system-tray .notification-button{position:relative;display:grid;place-items:center;flex:none;width:28px;height:27px;padding:4px;border:1px solid transparent;border-radius:3px}
.notification-button>svg{width:19px;height:19px;filter:drop-shadow(0 1px 1px #0009)}
.notification-button>b{position:absolute;right:-3px;top:-4px;min-width:13px;height:13px;padding:0 3px;border:1px solid #e7c5c9aa;border-radius:7px;background:linear-gradient(#a14d58,#632d36);box-shadow:0 1px 3px #0008;color:#fff;font:600 8px/11px var(--system-font);text-align:center}
.notification-panel{position:fixed;z-index:11001;right:9px;bottom:calc(var(--taskbar) + 8px);width:min(366px,calc(100vw - 18px));max-height:calc(100dvh - var(--taskbar) - 24px);padding:0 6px 6px;border:1px solid #10161f;border-radius:7px;background:linear-gradient(135deg,#a8bac849,#354453ce 30%,#162332ed 75%,#6077899c);box-shadow:inset 0 0 0 1px #d4e6f45e,0 8px 30px #0009;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:var(--pc-text);font:12px var(--system-font)}
.tray-panel-heading{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 3px 0 8px}
.tray-panel-heading h2{font:400 12px var(--system-font);margin:0;color:#f0f5fa;text-shadow:0 0 8px #e6f1fc66,0 1px 2px #000}
.tray-panel-heading>button{align-self:flex-start;width:37px;height:20px;padding:0;border:1px solid #1d1820;border-top:0;border-radius:0 0 4px 4px;background:linear-gradient(#bc919480,#834f56b3 48%,#552c35c9 51%);box-shadow:inset 0 0 0 1px #ffffff2b;color:white;font:17px/17px Arial;text-shadow:0 1px 2px #000}
.tray-panel-heading>button:hover{background:linear-gradient(#d6abb1,#a74353 50%,#7b2335 51%)}
.tray-panel-inner{border:1px solid #111820;box-shadow:0 0 0 1px #d0e1ec33;background:var(--pc-bg);border-radius:2px;overflow:hidden}
.tray-panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:linear-gradient(var(--pc-raised),var(--pc-surface));border-bottom:1px solid var(--pc-line);font-size:11px}
.tray-panel-toolbar>span{color:var(--pc-muted)}
.tray-panel-toolbar button,.tray-panel-footer>button{border:0;padding:3px 0;background:none;color:var(--pc-link);font:11px var(--system-font)}
.tray-panel-toolbar button:hover,.tray-panel-footer>button:hover{text-decoration:underline}
.notification-panel button:disabled{cursor:default;opacity:.45;text-decoration:none}
.notification-list{max-height:min(320px,calc(100dvh - var(--taskbar) - 178px));overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--pc-line) transparent}
.tray-event{position:relative;display:flex;align-items:start;border-bottom:1px solid var(--pc-line);background:linear-gradient(110deg,var(--pc-sheen),transparent)}
.tray-event:before{content:'';position:absolute;left:7px;top:22px;width:4px;height:4px;border-radius:50%;background:#c49a9f;box-shadow:0 0 5px #c49a9f55}
.tray-event.is-read:before{display:none}
.tray-event.is-read{background:transparent}
.tray-event>button:first-child{flex:1;min-width:0;display:flex;align-items:start;gap:10px;padding:13px 0 13px 18px;text-align:left;border:0;background:transparent;color:var(--pc-text)}
.tray-event>button:first-child:hover{background:var(--pc-hover)}
.tray-event svg{width:26px;height:26px;flex:none}
.tray-event>button>span{min-width:0}
.tray-event strong{display:block;font-size:12px;font-weight:600;margin-bottom:3px;overflow-wrap:anywhere}
.tray-event.is-read strong{font-weight:400}
.tray-event span>span{display:block;color:var(--pc-muted);font-size:11px;line-height:1.55;overflow-wrap:anywhere}
.tray-event time{display:block;color:var(--pc-muted);font-size:10px;margin-top:6px;opacity:.8}
.tray-event-dismiss{width:27px;min-height:31px;flex:none;border:0;background:transparent;color:var(--pc-muted);font-size:17px}
.tray-event-dismiss:hover{color:var(--pc-text);background:var(--pc-hover)}
.tray-empty{text-align:center;padding:29px 27px;color:var(--pc-muted)}
.tray-empty svg{display:block;width:38px;height:38px;margin:0 auto 13px;opacity:.8}
.tray-empty strong{font-weight:400;font-size:13px;color:var(--pc-text)}
.tray-empty p{font-size:11px;line-height:1.65;margin:7px 0 0}
.tray-panel-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px 15px;padding:10px;background:linear-gradient(var(--pc-surface),var(--pc-bg));border-top:1px solid var(--pc-line)}
.tray-panel-footer label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--pc-text)}
.tray-panel-footer input{width:13px;height:13px;accent-color:#7e444d;margin:0}
.tray-panel-footer small{flex-basis:100%;font-size:10px;color:var(--pc-muted)}
.notification-balloon{position:fixed;right:24px;bottom:calc(var(--taskbar) + 14px);z-index:11002;width:min(314px,calc(100vw - 32px));padding:0;border:1px solid #b3c1cb;border-radius:7px;background:linear-gradient(#f8fbff,#e3ebf1);color:#263547;box-shadow:inset 0 1px 0 #fff,0 5px 19px #0007;font:12px var(--system-font)}
.notification-balloon:after{content:'';position:absolute;right:114px;bottom:-7px;width:12px;height:12px;background:#e3ebf1;border-right:1px solid #b3c1cb;border-bottom:1px solid #b3c1cb;transform:rotate(45deg)}
#balloon-open{display:block;width:100%;padding:12px 32px 14px 14px;border:0;border-radius:7px;text-align:left;background:none;color:inherit}
#balloon-open strong{display:block;font-size:12px;font-weight:600;line-height:1.5;margin-bottom:4px}
#balloon-open span{display:block;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
#balloon-close{position:absolute;right:6px;top:5px;width:20px;height:20px;padding:0;border:1px solid transparent;border-radius:3px;background:none;color:#4b6073;font:17px Arial}
#balloon-close:hover{background:#bbcad9;border-color:#94a5b6}
.notification-panel button:focus-visible,.notification-panel input:focus-visible,.command-search-button:focus-visible,.notification-button:focus-visible{outline:2px solid var(--pc-link);outline-offset:1px}
.notification-balloon button:focus-visible{outline:2px solid #4b7394;outline-offset:-3px}
@media(max-width:640px){.command-search-button{width:26px;height:30px}.start-menu.is-searching{width:100vw}.start-menu.is-searching .start-right{display:none}.start-search-results{height:min(420px,calc(100dvh - var(--taskbar) - 115px))}.start-search-results [role=option]{min-height:49px}.system-tray .notification-button{width:26px}.notification-panel{right:6px;width:calc(100vw - 12px)}.notification-balloon{right:12px}.notification-balloon:after{right:110px}}
@media(prefers-reduced-motion:no-preference){.notification-panel,.notification-balloon{animation:pc-menu-enter .14s ease-out}}
@media(prefers-reduced-transparency:reduce){.notification-panel{background:#293744;backdrop-filter:none;-webkit-backdrop-filter:none}}