.techos-start-menu { position: absolute; z-index: 9999; left: 0; bottom: var(--techos-taskbar-h); width: min(430px, calc(100vw - 10px)); border: 2px solid #1747b7; border-bottom: 0; border-radius: 8px 8px 0 0; overflow: hidden; background: #fff; box-shadow: 4px -5px 22px rgba(0,0,0,.34); font-family: var(--techos-ui-font); }
.techos-start-menu[hidden], .techos-toast[hidden] { display: none !important; }
.techos-start-menu__header { position: relative; display: flex; align-items: center; gap: 11px; min-height: 72px; padding: 10px 12px; color: #fff; background: linear-gradient(180deg,#4b8bec 0%,#2f71df 10%,#1858bd 88%,#174ca9 100%); border-bottom: 1px solid #174794; text-shadow: 1px 1px rgba(0,0,0,.4); }
.techos-start-menu__header::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient(90deg,#ff9c30,#ffd05d 45%,transparent 90%); }
.techos-start-menu__avatar { display: grid; place-items: center; width: 50px; height: 50px; padding: 2px; border: 2px solid #fff; border-radius: 5px; background: #eaf4ff; box-shadow: 0 1px 3px rgba(0,0,0,.3); }
.techos-start-menu__avatar img { width: 42px; height: 42px; }
.techos-start-menu__identity strong, .techos-start-menu__identity span { display: block; }
.techos-start-menu__identity strong { font-size: 17px; }
.techos-start-menu__identity span { margin-top: 3px; font-size: 10px; opacity: .88; }
.techos-start-menu__body { display: grid; grid-template-columns: 1.12fr .88fr; min-height: 335px; }
.techos-start-menu button { font-family: inherit; cursor: pointer; }
.techos-start-menu__left { position: relative; padding: 8px 6px 39px; background: #fff; }
.techos-start-menu__right { padding: 10px 6px; background: linear-gradient(90deg,#dbe9fb,#cfe0f7); border-left: 1px solid #a8bddf; }
.techos-start-menu__left button, .techos-start-menu__right button { width: 100%; border: 0; background: transparent; text-align: left; }
.techos-start-menu__left button { display: grid; grid-template-columns: 40px 1fr; align-items: center; gap: 8px; min-height: 58px; padding: 6px 7px; border-radius: 2px; }
.techos-start-menu__left button > img { width: 36px; height: 36px; object-fit: contain; filter: drop-shadow(1px 1px 1px rgba(0,0,0,.12)); }
.techos-start-menu__left button:hover, .techos-start-menu__right button:hover { color: #fff; background: #316ac5; }
.techos-start-menu__left strong, .techos-start-menu__left small { display: block; }
.techos-start-menu__left strong { color: #1c1c1c; font-size: 12px; }
.techos-start-menu__left small { margin-top: 3px; color: #727272; font-size: 9px; }
.techos-start-menu__left button:hover strong, .techos-start-menu__left button:hover small { color: #fff; }
.techos-start-menu__separator { height: 1px; margin: 4px 12px; background: linear-gradient(90deg,transparent,#bababa 18%,#bababa 82%,transparent); }
.techos-start-menu__all { position: absolute; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; gap: 8px; min-height: 38px; color: #1b1b1b; border-top: 1px solid #ddd; background: linear-gradient(180deg,#fff,#f1f1f1); font-size: 11px; font-weight: 700; }
.techos-start-menu__all span { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; color: #fff; background: #2f9d32; font-size: 9px; }
.techos-start-menu__right button { display: grid; grid-template-columns: 22px 1fr; align-items: center; gap: 6px; padding: 7px 7px; color: #163a70; border-radius: 2px; font-size: 10px; font-weight: 700; }
.techos-start-menu__right button img { width: 20px; height: 20px; object-fit: contain; }
.techos-start-menu__right-separator { height: 1px; margin: 6px 9px; background: #aec1dc; border-bottom: 1px solid rgba(255,255,255,.55); }
.techos-start-menu__footer { display: flex; justify-content: flex-end; gap: 11px; min-height: 48px; padding: 7px 10px; background: linear-gradient(180deg,#2c75df,#195bc5); border-top: 1px solid #0e4db7; }
.techos-start-menu__footer button { display: flex; align-items: center; gap: 5px; padding: 4px 5px; border: 0; color: #fff; background: transparent; font-size: 10px; }
.techos-start-menu__footer button:hover { text-decoration: underline; }
.techos-start-menu__footer-icon { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid rgba(255,255,255,.85); border-radius: 4px; color: #fff; font-size: 16px; box-shadow: inset 0 1px rgba(255,255,255,.25); }
.techos-start-menu__footer-icon.is-logoff { background: #e7a31f; }
.techos-start-menu__footer-icon.is-power { background: #d9432e; }
.techos-toast { position: absolute; z-index: 12000; right: 12px; bottom: calc(var(--techos-taskbar-h) + 9px); display: grid; grid-template-columns: 34px 1fr; align-items: start; gap: 8px; width: min(310px, calc(100vw - 24px)); padding: 9px 11px 10px; border: 1px solid #2f5d9e; border-radius: 5px; background: linear-gradient(180deg,#fffef0,#fffbcf); color: #111; box-shadow: 0 5px 18px rgba(0,0,0,.3); font: 10px/1.35 var(--techos-ui-font); }
.techos-toast::after { content: ""; position: absolute; right: 22px; bottom: -8px; width: 14px; height: 14px; border-right: 1px solid #2f5d9e; border-bottom: 1px solid #2f5d9e; background: #fffbcf; transform: rotate(45deg); }
.techos-toast__icon img { width: 30px; height: 30px; }
.techos-toast strong, .techos-toast span { display: block; }
.techos-toast strong { margin: 1px 0 2px; color: #153e79; font-size: 11px; }
.techos-toast span { color: #333; }
@media (max-width:700px){
	.techos-start-menu{width:min(410px,calc(100vw - 4px))}
	.techos-start-menu__body{grid-template-columns:1fr .9fr;min-height:315px}
	.techos-start-menu__left button{grid-template-columns:34px 1fr;min-height:52px}
	.techos-start-menu__left button>img{width:31px;height:31px}
	.techos-start-menu__right button{font-size:9px}
}