/* ============================================================
   shell.css — taskbar, start button/menu, tray, context menu, tooltip
   ============================================================ */

/* ---- Taskbar ---- */
#taskbar {
  position:fixed; left:0; right:0; bottom:0; height:30px; z-index:9000;
  display:flex; align-items:stretch; color:#fff;
  background:linear-gradient(180deg,#3f7ae6 0%, var(--taskbar-1) 8%, var(--taskbar-2) 55%, #14379e 100%);
  box-shadow:inset 0 1px 0 #6a9bf0, 0 -1px 4px rgba(0,0,0,.4);
}
#start-btn {
  display:flex; align-items:center; gap:6px; padding:0 18px 3px 10px; margin-right:6px;
  font-style:italic; font-weight:700; font-size:15px; color:#fff; cursor:default;
  border-radius:0 10px 10px 0; text-shadow:1px 1px 1px rgba(0,0,0,.45);
  background:linear-gradient(180deg,var(--start-1) 0%, #4aa02f 45%, var(--start-2) 55%, var(--start-3) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), inset -2px 0 4px rgba(0,0,0,.25);
}
#start-btn:hover { filter:brightness(1.08); }
#start-btn.open { filter:brightness(.9); box-shadow:inset 2px 2px 5px rgba(0,0,0,.35); }
#start-btn img { width:20px; height:20px; }

/* Quick launch */
#quicklaunch { display:flex; align-items:center; gap:2px; padding:0 6px; border-right:1px solid #14379e;
  box-shadow:1px 0 0 #4f86ea; }
#quicklaunch .ql { width:20px; height:20px; padding:2px; border-radius:3px; }
#quicklaunch .ql:hover { background:#ffffff30; }

/* Window buttons */
#task-buttons { flex:1 1 auto; display:flex; align-items:center; gap:3px; padding:3px 4px; overflow:hidden; }
.taskbtn {
  display:flex; align-items:center; gap:5px; min-width:120px; max-width:160px; height:100%;
  padding:0 8px; border-radius:3px; color:#fff; font-size:11px; cursor:default;
  background:linear-gradient(180deg,#5c92ec,#2f62d6); box-shadow:inset 0 1px 0 #8fb4f2;
  white-space:nowrap; overflow:hidden;
}
.taskbtn img { width:16px; height:16px; flex:0 0 auto; }
.taskbtn .cap { flex:1 1 auto; overflow:hidden; text-overflow:ellipsis; }
.taskbtn:hover { filter:brightness(1.08); }
.taskbtn.active { background:linear-gradient(180deg,#28539e,#3f74d6); box-shadow:inset 1px 1px 3px rgba(0,0,0,.4); }

/* System tray */
#tray {
  display:flex; align-items:center; gap:8px; padding:0 8px; color:#fff;
  background:linear-gradient(180deg,#2f74d6,#1a49b8); box-shadow:inset 1px 0 0 #14379e, inset 2px 0 0 #4f86ea;
  border-radius:0;
}
#tray .tray-icons { display:flex; align-items:center; gap:6px; }
#tray .tray-icons img { width:16px; height:16px; }
#clock { font-size:11px; min-width:52px; text-align:center; text-shadow:0 1px 1px rgba(0,0,0,.4); }

/* ---- Start menu ---- */
#startmenu {
  position:fixed; left:0; bottom:30px; width:380px; z-index:9500;
  border:1px solid #0a3a9e; border-bottom:none; border-radius:8px 8px 0 0; overflow:hidden;
  box-shadow:var(--shadow); display:none; flex-direction:column;
}
#startmenu.open { display:flex; }
#startmenu .sm-head {
  height:54px; display:flex; align-items:center; gap:10px; padding:0 12px; color:#fff;
  background:linear-gradient(180deg,#2a6bd0,#0a3a9e);
  box-shadow:inset 0 -2px 6px rgba(0,0,0,.25); border-bottom:2px solid #ff9d2a;
}
#startmenu .sm-head img { width:38px; height:38px; border:2px solid #cfe0ff; border-radius:4px; }
#startmenu .sm-head b { font-size:15px; text-shadow:1px 1px 2px rgba(0,0,0,.5); }
#startmenu .sm-cols { display:flex; background:#fff; }
#startmenu .sm-left { width:52%; padding:6px; background:#fff; }
#startmenu .sm-right { width:48%; padding:6px 6px; 
  background:linear-gradient(180deg,#d3e5fb,#bcd8f7); border-left:1px solid #a9c6f0; }
.sm-item { display:flex; align-items:center; gap:9px; padding:5px 8px; border-radius:3px; }
.sm-item img { width:26px; height:26px; }
.sm-right .sm-item img { width:22px; height:22px; }
.sm-item .st { display:flex; flex-direction:column; line-height:1.15; }
.sm-item .st b { font-weight:700; }
.sm-item .st span { color:#5a5a5a; font-size:10px; }
.sm-item:hover { background:var(--sel); color:#fff; }
.sm-item:hover .st span { color:#dbe7fb; }
.sm-sep { height:1px; background:#c9d3e6; margin:5px 8px; }
.sm-allprograms { display:flex; align-items:center; gap:8px; padding:6px 8px; font-weight:700;
  border-top:1px solid #c9d3e6; margin-top:4px; }
.sm-allprograms:hover { background:var(--sel); color:#fff; }
.sm-allprograms .arrow { margin-left:auto; }
#startmenu .sm-foot {
  display:flex; justify-content:flex-end; gap:16px; padding:6px 14px; color:#fff;
  background:linear-gradient(180deg,#2a6bd0,#0a3a9e); border-top:1px solid #4f86ea;
}
#startmenu .sm-foot .fb { display:flex; align-items:center; gap:6px; padding:3px 6px; border-radius:3px; }
#startmenu .sm-foot .fb:hover { background:#ffffff2e; }
#startmenu .sm-foot .fb .g { width:22px; height:22px; border-radius:3px; display:grid; place-content:center;
  font-size:13px; }
#startmenu .sm-foot .logoff .g { background:#e8a33a; }
#startmenu .sm-foot .shutdown .g { background:#d5401f; }

/* All Programs flyout */
#allprograms {
  position:fixed; left:0; bottom:120px; min-width:190px; z-index:9600; display:none;
  background:#fff; border:1px solid #0a3a9e; border-radius:4px; box-shadow:var(--shadow); padding:3px;
}
#allprograms.open { display:block; }

/* ---- Context menu ---- */
.ctxmenu {
  position:fixed; z-index:9700; min-width:170px; background:#fff;
  border:1px solid #7f9db9; box-shadow:var(--shadow); padding:2px; font-size:11px;
}
.ctxmenu .ci { display:flex; align-items:center; gap:8px; padding:4px 22px 4px 26px; position:relative; border-radius:2px; }
.ctxmenu .ci .cimg { position:absolute; left:5px; width:16px; height:16px; }
.ctxmenu .ci.bold { font-weight:700; }
.ctxmenu .ci:hover { background:var(--sel); color:#fff; }
.ctxmenu .ci.disabled { color:#9aa0a6; }
.ctxmenu .ci.disabled:hover { background:transparent; color:#9aa0a6; }
.ctxmenu .csep { height:1px; background:#d6d2c2; margin:3px 4px; }
.ctxmenu .ci .chevron { position:absolute; right:6px; }

/* ---- Tooltip ---- */
#tooltip {
  position:fixed; z-index:9800; background:#ffffe1; border:1px solid #000;
  padding:2px 6px; font-size:11px; color:#000; pointer-events:none; display:none;
  box-shadow:1px 1px 2px rgba(0,0,0,.3);
}

/* build 1783239820 */