/* public/css/sys/taskbar.css - Taskbar & Start Button */

#siteos-menu-bar {
    order: 2; /* Bottom */
    height: 30px;
    background: linear-gradient(to bottom, #245DDA 0%, #00309C 100%);
    display: flex;
    align-items: center;
    z-index: 10000;
    padding: 0;
    border-top: 1px solid #3B70E5;
    user-select: none;
    position: relative;
}

#xp-start-button {
    height: 30px;
    padding: 0 10px 0 5px;
    background: linear-gradient(to bottom, #388E3C 0%, #4CAF50 100%);
    color: white;
    font-style: italic;
    font-weight: bold;
    display: flex;
    align-items: center;
    border-radius: 0 10px 10px 0;
    box-shadow: 2px 0 5px rgba(0,0,0,0.3);
    cursor: pointer;
    margin-right: 10px;
    font-size: 16px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    border: none;
    z-index: 10002; /* Above the menu border */
}
#xp-start-button:hover { filter: brightness(1.1); }
#xp-start-button img { height: 20px; margin-right: 4px; }
#xp-start-button.active {
    background: linear-gradient(to bottom, #2E7032 0%, #388E3C 100%);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.5);
}

/* Taskbar Items */
#xp-taskbar-items {
    flex-grow: 1;
    display: flex;
    overflow: hidden;
    padding-left: 5px;
}
.xp-taskbar-item {
    width: 150px;
    height: 24px;
    background: #3C81F0;
    margin-right: 3px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    padding: 0 5px;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    color: white;
    font-size: 11px;
    opacity: 0.9;
}
.xp-taskbar-item:hover { background: #5696FB; opacity: 1; }
.xp-taskbar-item.active {
    background: #1E52B7;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
    color: #EEE;
    opacity: 1;
}
.xp-taskbar-item img { width: 16px; height: 16px; margin-right: 5px; }
.xp-taskbar-item-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* System Tray & Clock */
#xp-system-tray {
    background: #113685;
    height: 100%;
    padding: 0 10px;
    display: flex;
    align-items: center;
    border-left: 1px solid #0E2E74;
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.2);
    color: white;
    font-size: 11px;
}