/* os.css - v13.1 (Desktop Icons Focus) */
:root {
    --bg-main: #0f172a;
    --bg-sec: #1e293b;
    --bg-accent: #334155;
    --accent: #3b82f6;
    --text: #f8fafc;
    --text-dim: #94a3b8;
    --border: rgba(255, 255, 255, 0.1);
    --radius: 12px;
    --shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
}

body, html { 
    margin: 0; padding: 0; width: 100%; height: 100%; 
    background: #020617 url('https://images.unsplash.com/photo-1550751827-4bd374c3f58b?q=80&w=2070&auto=format&fit=crop') no-repeat center center fixed; 
    background-size: cover; font-family: 'Segoe UI', sans-serif; overflow: hidden; user-select: none; 
}

/* --- PULPIT (Poprawione ikony i marginesy) --- */
#desktop { 
    position: absolute; 
    inset: 0; 
    z-index: 5; 
    padding: 30px; /* Margines od krawędzi ekranu */
}

#desktop-wrapper { 
    display: grid !important; 
    grid-template-rows: repeat(auto-fill, 110px); 
    grid-auto-flow: column; 
    grid-auto-columns: 110px; 
    height: 100%; 
    width: 100%; 
    gap: 15px; 
}

.desktop-icon { 
    display: flex !important; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center; 
    width: 100px; 
    height: 110px; 
    padding: 10px; 
    border-radius: var(--radius); 
    transition: all 0.2s; 
    cursor: pointer; 
    text-align: center;
    border: 1px solid transparent;
}

.desktop-icon:hover { 
    background: rgba(255, 255, 255, 0.08); 
    transform: translateY(-2px);
}

/* Podświetlenie ikony */
.desktop-icon.selected { 
    background: rgba(59, 130, 246, 0.2) !important; 
    border: 1px solid rgba(59, 130, 246, 0.4); 
}

.desktop-icon span { 
    color: white; 
    font-size: 12px; 
    margin-top: 8px; 
    text-shadow: 0 2px 4px rgba(0,0,0,0.8); 
    font-weight: 500;
}

/* --- RESZTA SYSTEMU (Bez zmian w logice) --- */
#window-area { position: absolute; inset: 0; z-index: 10; pointer-events: none; }
#window-area .os-window { pointer-events: auto; }
.os-window { position: absolute; background: rgba(15, 23, 42, 0.92); backdrop-filter: blur(25px); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); display: flex; flex-direction: column; overflow: hidden; }
.os-window.maximized { top: 0 !important; left: 0 !important; width: 100vw !important; height: calc(100vh - 52px) !important; border-radius: 0; }
.window-header { height: 42px; background: rgba(255, 255, 255, 0.05); display: flex; align-items: center; justify-content: space-between; padding: 0 16px; cursor: move; border-bottom: 1px solid var(--border); }
.window-title { color: var(--text); font-size: 13px; font-weight: 600; flex-grow: 1; }
.window-controls { display: flex; gap: 8px; align-items: center; }
.window-dot { width: 12px; height: 12px; border-radius: 50%; cursor: pointer; }
.dot-min { background: #ffbd2e; order: 1; }
.dot-max { background: #27c93f; order: 2; }
.dot-close { background: #ff5f56; order: 3; }
.window-content { flex-grow: 1; position: relative; overflow: hidden; background: #000; }
.window-content iframe { width: 100%; height: 100%; border: none; display: block; }
.taskbar-wrapper { position: absolute; bottom: 0; left: 0; right: 0; height: 52px; background: rgba(15, 23, 42, 0.8); backdrop-filter: blur(25px); display: flex; justify-content: center; align-items: center; z-index: 1000; border-top: 1px solid var(--border); }
.taskbar-center-cluster { display: flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.03); padding: 4px 8px; border-radius: 16px; border: 1px solid var(--border); }
.taskbar-item { height: 40px; min-width: 40px; padding: 0 12px; cursor: pointer; border-radius: 10px; display: flex; align-items: center; justify-content: center; gap: 8px; transition: 0.2s; color: white; position: relative; }
.taskbar-item.active-win::after { content: ''; position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 4px; height: 4px; background: var(--accent); border-radius: 50%; }
.start-menu-v2 { position: absolute; bottom: 65px; left: 50%; transform: translateX(-50%) translateY(30px); width: 540px; height: 620px; background: rgba(15, 23, 42, 0.95); backdrop-filter: blur(50px); border-radius: 24px; display: none; z-index: 2000; border: 1px solid var(--border); opacity: 0; transition: 0.3s; flex-direction: column; }
.start-menu-v2.active { display: flex; opacity: 1; transform: translateX(-50%) translateY(0); }
.start-apps-grid { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 15px; padding: 30px; overflow-y: auto; flex-grow: 1; align-content: start; }
.start-tile { display: flex !important; flex-direction: column; align-items: center; padding: 15px; cursor: pointer; border-radius: 16px; color: white; text-align: center; }