.techos-taskbar { position: absolute; z-index: 10000; left: 0; right: 0; bottom: 0; height: var(--techos-taskbar-h); display: flex; align-items: stretch; border-top: 1px solid #173fa0; background: linear-gradient(180deg,#4b86f0 0%,#2f6fe5 7%,#245edb 42%,#1c4fc2 88%,#1948b5 100%); box-shadow: inset 0 1px rgba(255,255,255,.78), inset 0 2px rgba(58,118,233,.72), 0 -1px 4px rgba(0,43,128,.28); }
.techos-start-button { position: relative; min-width: 122px; display: flex; align-items: center; gap: 7px; padding: 0 19px 0 9px; border: 0; border-right: 1px solid #174c1d; border-radius: 0 18px 18px 0; color: #fff; background: linear-gradient(180deg,#67cf51 0%,#4bb83f 12%,#319b2d 57%,#247a21 100%); box-shadow: inset -1px 0 rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.8), 2px 0 3px rgba(0,0,0,.24); font: italic 700 17px/1 var(--techos-ui-font); text-shadow: 1px 1px 1px rgba(0,0,0,.48); cursor: pointer; }
.techos-start-button::before { content: ""; position: absolute; inset: 1px 13px auto 4px; height: 16px; border-radius: 15px 15px 50% 50%; background: linear-gradient(180deg,rgba(255,255,255,.29),transparent); pointer-events: none; }
.techos-start-button::after { content: ""; position: absolute; right: 11px; top: 50%; width: 5px; height: 5px; margin-top: -2px; border-radius: 50%; background: rgba(255,255,255,.48); box-shadow: 0 0 5px rgba(255,255,255,.4); }
.techos-start-button:hover { filter: brightness(1.07); }
.techos-start-button[aria-expanded="true"] { filter: brightness(.9); box-shadow: inset 0 2px 4px rgba(0,0,0,.3); }
.techos-start-button__mark { position: relative; z-index: 1; width: 28px; height: 28px; border-radius: 7px; filter: drop-shadow(1px 1px 1px rgba(0,0,0,.2)); }
.techos-start-button span { position: relative; z-index: 1; }
.techos-taskbar__quick { width: 17px; display: grid; place-items: center; margin-left: 2px; border-right: 1px solid rgba(11,53,157,.45); }
.techos-taskbar__quick-dot { width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,.78); box-shadow: 0 7px rgba(255,255,255,.4),0 -7px rgba(255,255,255,.4); }
.techos-taskbar__apps { flex: 1; display: flex; gap: 4px; align-items: center; padding: 4px 7px; min-width: 0; }
.techos-task-button { min-width: 165px; max-width: 235px; height: 33px; display: flex; align-items: center; gap: 6px; overflow: hidden; padding: 0 10px; border: 1px solid #1648b3; border-radius: 3px; color: #fff; background: linear-gradient(180deg,#6494ef,#3b70de 45%,#2d5fcb); box-shadow: inset 0 1px rgba(255,255,255,.38), 1px 1px rgba(0,0,0,.14); font: 11px var(--techos-ui-font); text-align: left; text-shadow: 1px 1px rgba(0,0,0,.35); white-space: nowrap; text-overflow: ellipsis; cursor: pointer; }
.techos-task-button__icon { flex: 0 0 auto; width: 18px; height: 18px; object-fit: contain; }
.techos-task-button span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.techos-task-button:hover { background: linear-gradient(180deg,#72a0f4,#4b7de8 45%,#386bd5); }
.techos-task-button.is-active { background: linear-gradient(180deg,#244fae,#1d459c 56%,#173d8c); box-shadow: inset 1px 1px 3px rgba(0,0,0,.3), inset 0 1px rgba(255,255,255,.12); }
.techos-tray { position: relative; display: flex; align-items: center; gap: 6px; min-width: 200px; padding: 0 11px 0 12px; color: #fff; background: linear-gradient(180deg,#2bb6ed 0%,#159de0 16%,#0d83d3 74%,#0a75c5 100%); border-left: 1px solid #0c61aa; box-shadow: inset 1px 0 rgba(255,255,255,.4), inset 0 1px rgba(255,255,255,.55); font-size: 11px; }
.techos-tray::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 1px; background: rgba(255,255,255,.45); }
.techos-tray__secure { display: flex; align-items: center; gap: 4px; padding-right: 4px; color: rgba(255,255,255,.84); font-size: 7px; font-weight: 700; letter-spacing: .08em; }
.techos-tray__secure i { width: 6px; height: 6px; border: 1px solid rgba(255,255,255,.85); border-radius: 50%; background: #52d345; box-shadow: 0 0 5px rgba(89,237,74,.45); }
.techos-tray__status { width: 18px; height: 18px; object-fit: contain; }
.techos-clock { min-width: 64px; text-align: right; text-shadow: 1px 1px rgba(0,0,0,.32); }
@media (max-width:700px){
	.techos-start-button{min-width:104px;padding:0 12px 0 7px;font-size:14px}
	.techos-start-button__mark{width:25px;height:25px}
	.techos-taskbar__quick{display:none}
	.techos-tray{min-width:auto;padding-inline:9px}
	.techos-tray__secure,.techos-tray__status{display:none}
	.techos-task-button{min-width:0;width:min(122px,31vw)}
	.techos-clock{min-width:auto}
}