/* Windows XP Luna Nostalgic Theme */
[data-theme="winxp"] {
    --font-main: 'Tahoma', 'Segoe UI', Verdana, sans-serif;
    --bg-body: #ece9d8;
    --text-color: #000000;
    --primary-color: #0055ea;
    --primary-hover: #0a46b5;
    
    --card-bg: #ffffff;
    --card-border: 1px solid #0055ea;
    --card-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    --border-radius: 4px;
    --btn-radius: 3px;
    --input-radius: 2px;
    
    --sidebar-bg: #7ba2e7;
    --sidebar-text: #000000;
    --sidebar-active-bg: #ffffff;
    --sidebar-active-text: #0055ea;
    
    --topbar-bg: linear-gradient(to bottom, #0058ee 0%, #3593ff 10%, #0055ea 50%, #0035cb 100%);
    --topbar-border: 1px solid #002b80;
}

[data-theme="winxp"] body {
    background-color: #5a7edc;
    background-image: linear-gradient(180deg, #4b6ebd 0%, #769be0 40%, #a4c2f4 100%);
    background-attachment: fixed;
    color: #000000;
    font-family: 'Tahoma', 'Segoe UI', sans-serif;
}

/* XP Topbar / Titlebar */
[data-theme="winxp"] .app-topbar {
    background: linear-gradient(to bottom, #0058ee 0%, #3895ff 8%, #0055ea 50%, #002cb7 100%);
    border-bottom: 2px solid #001f7a;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    color: #ffffff;
    height: 56px;
}

[data-theme="winxp"] .app-topbar h1, 
[data-theme="winxp"] .app-topbar h2,
[data-theme="winxp"] .app-topbar span {
    text-shadow: 1px 1px 1px #001f7a;
}

/* XP Start-Like Brand Button */
[data-theme="winxp"] .brand-xp-start {
    display: flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(to bottom, #388e3c 0%, #4caf50 20%, #2e7d32 80%, #1b5e20 100%);
    color: #ffffff !important;
    padding: 6px 16px;
    border-radius: 0 14px 14px 0;
    font-style: italic;
    font-weight: 900;
    font-size: 16px;
    box-shadow: inset 1px 1px 0 rgba(255,255,255,0.6), 2px 2px 4px rgba(0,0,0,0.4);
    border: 1px solid #1b5e20;
    text-shadow: 1px 1px 2px #000;
}

/* XP Sidebar / Explorer Tasks */
[data-theme="winxp"] .app-sidebar {
    background: linear-gradient(to right, #7ba2e7 0%, #6375d6 100%);
    border-right: 2px solid #314d9b;
    padding: 10px;
}

[data-theme="winxp"] .sidebar-nav {
    background: #d3e5fa;
    border: 1px solid #ffffff;
    border-radius: 6px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    padding: 10px 8px;
    list-style: none;
}

[data-theme="winxp"] .nav-category {
    background: linear-gradient(to right, #215dc6 0%, #7aa8f5 100%);
    color: #ffffff;
    padding: 6px 12px;
    font-weight: 700;
    font-size: 11px;
    border-radius: 4px 4px 0 0;
    margin-top: 10px;
    margin-bottom: 6px;
    text-shadow: 1px 1px 1px #002b80;
    display: flex;
    justify-content: space-between;
}
[data-theme="winxp"] .nav-category:first-child {
    margin-top: 0;
}

[data-theme="winxp"] .nav-link {
    color: #215dc6;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 3px;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

[data-theme="winxp"] .nav-link:hover {
    color: #4285f4;
    text-decoration: underline;
    background: rgba(255, 255, 255, 0.6);
}

[data-theme="winxp"] .nav-item.active .nav-link {
    background: #215dc6;
    color: #ffffff;
    text-decoration: none;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
}

/* XP Windows / Cards */
[data-theme="winxp"] .card {
    background: #ffffff;
    border: 3px solid #0055ea;
    border-radius: 8px 8px 0 0;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.35);
    overflow: hidden;
}

[data-theme="winxp"] .card-header {
    background: linear-gradient(to bottom, #0058ee 0%, #3593ff 8%, #0055ea 50%, #002cb7 100%);
    color: #ffffff;
    padding: 8px 14px;
    border-bottom: 2px solid #002cb7;
    font-weight: 700;
    text-shadow: 1px 1px 1px #001f7a;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* XP Window Window-Buttons (Minimize, Maximize, Close) */
[data-theme="winxp"] .winxp-controls {
    display: flex;
    gap: 3px;
}
[data-theme="winxp"] .win-btn {
    width: 21px;
    height: 21px;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 900;
    color: #ffffff;
    border: 1px solid rgba(255,255,255,0.7);
    box-shadow: inset 1px 1px 0 rgba(255,255,255,0.5), 1px 1px 2px rgba(0,0,0,0.4);
    cursor: default;
}
[data-theme="winxp"] .win-btn-min, [data-theme="winxp"] .win-btn-max {
    background: linear-gradient(to bottom, #4285f4 0%, #1e40af 100%);
}
[data-theme="winxp"] .win-btn-close {
    background: linear-gradient(to bottom, #ff6b6b 0%, #d32f2f 60%, #b71c1c 100%);
    border-color: #ffd6d6;
}

/* XP Form Controls */
[data-theme="winxp"] .form-control, [data-theme="winxp"] .form-select {
    border: 2px solid #7f9db9;
    background: #ffffff;
    border-radius: 2px;
    padding: 6px 8px;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}
[data-theme="winxp"] .form-control:focus, [data-theme="winxp"] .form-select:focus {
    border-color: #0055ea;
    outline: 1px dotted #000;
}

/* XP 3D Classic Bevel Buttons */
[data-theme="winxp"] .btn {
    border-radius: 3px;
    font-family: 'Tahoma', sans-serif;
    font-size: 11.5px;
    font-weight: 600;
    padding: 5px 14px;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 2px solid #404040;
    border-bottom: 2px solid #404040;
    box-shadow: inset 1px 1px 0 #ffffff;
}
[data-theme="winxp"] .btn:active {
    border-top: 2px solid #404040;
    border-left: 2px solid #404040;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 6px 13px 4px 15px;
}
[data-theme="winxp"] .btn-primary {
    background: linear-gradient(to bottom, #ece9d8 0%, #d8d2bd 100%);
    color: #000000;
    border-color: #0055ea;
    box-shadow: 0 0 2px #0055ea;
}
[data-theme="winxp"] .btn-primary:hover {
    background: linear-gradient(to bottom, #fff5d8 0%, #fbd578 100%);
    color: #000;
}

[data-theme="winxp"] .btn-success {
    background: linear-gradient(to bottom, #dcfce7 0%, #86efac 100%);
    color: #064e3b;
}

[data-theme="winxp"] .btn-danger {
    background: linear-gradient(to bottom, #fee2e2 0%, #fca5a5 100%);
    color: #7f1d1d;
}

/* XP Tables */
[data-theme="winxp"] .table th {
    background: linear-gradient(to bottom, #f9f8f4 0%, #ece9d8 100%);
    border-right: 1px solid #d4d0c8;
    border-bottom: 2px solid #999488;
    color: #000000;
    font-size: 11px;
}

[data-theme="winxp"] .table td {
    border-bottom: 1px solid #e0dfdb;
    font-size: 12px;
}
[data-theme="winxp"] .table tr:hover {
    background: #e8f1fc;
}

/* XP Theme Switcher Pill */
[data-theme="winxp"] .theme-switch-btn {
    background: #ffffff;
    border: 1px solid #002b80;
    color: #002b80;
    font-weight: 700;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 11px;
}