/* ============================================
   Windows93 - Taskbar Styles
   Classic Windows 93/95 Taskbar
   ============================================ */

/* Taskbar (Bottom) */
#taskbar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 2px 4px;
    background: var(--win-gray);
    border-top: 2px solid;
    border-color: var(--win-btn-highlight) transparent transparent transparent;
    box-shadow: inset 0 1px 0 var(--win-white);
    z-index: var(--z-taskbar);
}

/* Start Button - BIGGER */
#start-button {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    height: 36px;
    background: var(--win-gray);
    border: 2px solid;
    border-color: var(--win-btn-highlight) var(--win-btn-dark-shadow) var(--win-btn-dark-shadow) var(--win-btn-highlight);
    box-shadow:
        inset 1px 1px 0 var(--win-white),
        inset -1px -1px 0 var(--win-btn-shadow);
    cursor: pointer;
    font-family: var(--font-system);
    font-size: 16px;
    font-weight: bold;
    min-width: auto;
}

#start-button:active,
#start-button.active {
    border-color: var(--win-btn-dark-shadow) var(--win-btn-highlight) var(--win-btn-highlight) var(--win-btn-dark-shadow);
    box-shadow:
        inset 1px 1px 0 var(--win-btn-shadow),
        inset -1px -1px 0 var(--win-white);
    padding: 3px 5px 1px 7px;
}

.start-logo {
    font-size: 14px;
    font-weight: normal;
}

.start-text {
    font-weight: bold;
}

/* Taskbar Divider */
.taskbar-divider {
    width: 2px;
    height: 22px;
    margin: 0 2px;
    border-left: 1px solid var(--win-btn-shadow);
    border-right: 1px solid var(--win-btn-highlight);
}

/* Taskbar Programs Area */
#taskbar-programs {
    flex: 1;
    display: flex;
    gap: 2px;
    padding: 0 4px;
    overflow-x: auto;
}

/* Taskbar Program Button (for open windows) */
.taskbar-program {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    min-width: 140px;
    max-width: 200px;
    height: 32px;
    background: var(--win-gray);
    border: 2px solid;
    border-color: var(--win-btn-highlight) var(--win-btn-dark-shadow) var(--win-btn-dark-shadow) var(--win-btn-highlight);
    box-shadow:
        inset 1px 1px 0 var(--win-white),
        inset -1px -1px 0 var(--win-btn-shadow);
    cursor: pointer;
    font-size: 12px;
    overflow: hidden;
}

.taskbar-program:active,
.taskbar-program.active {
    border-color: var(--win-btn-dark-shadow) var(--win-btn-highlight) var(--win-btn-highlight) var(--win-btn-dark-shadow);
    box-shadow:
        inset 1px 1px 0 var(--win-btn-shadow),
        inset -1px -1px 0 var(--win-white);
    background: repeating-conic-gradient(var(--win-gray) 0% 25%, var(--win-white) 0% 50%) 50% / 2px 2px;
}

.taskbar-program-icon {
    font-size: 14px;
    flex-shrink: 0;
}

.taskbar-program-title {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Taskbar Tray (System Tray) */
.taskbar-tray {
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 6px;
    border: 1px solid;
    border-color: var(--win-btn-shadow) var(--win-btn-highlight) var(--win-btn-highlight) var(--win-btn-shadow);
    margin-left: auto;
}

.tray-icons {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-right: 8px;
}

.tray-icon {
    font-size: 14px;
    cursor: pointer;
    padding: 2px;
}

.tray-icon:hover {
    background: var(--win-selection);
    color: var(--win-selection-text);
}

/* Taskbar Clock */
.taskbar-clock {
    font-size: 11px;
    font-family: var(--font-system);
    padding: 0 4px;
    white-space: nowrap;
}

/* Quick Launch Area (optional) */
.quick-launch {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0 4px;
    border-right: 2px solid;
    border-color: var(--win-btn-shadow) var(--win-btn-highlight);
}

.quick-launch-item {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
}

.quick-launch-item:hover {
    background: var(--win-selection);
    color: var(--win-selection-text);
}

/* ============================================
   LEGACY: Top Panel (hidden but kept for compatibility)
   ============================================ */

#top-panel {
    display: none;
}

/* ============================================
   Start Menu Positioning Fix
   ============================================ */

#start-menu {
    position: fixed;
    bottom: 40px;
    left: 0;
}