html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    font: 12px 'Segoe UI', Tahoma, sans-serif;
}

.screen {
    display: none;
    height: 100vh;
}

.screen:not(.hidden) {
    display: flex;
}

.hidden {
    display: none !important;
}

.login-panel,
.launcher-panel {
    margin: auto;
    padding: 16px;
    border: 1px solid #ccc;
    background: #f9f9f9;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    min-width: 320px;
}

.launcher-panel ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.launcher-panel li {
    padding: 6px 10px;
    margin-bottom: 4px;
    border-radius: 4px;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 13px;
}

.launcher-panel li:hover {
    border-color: #7a7a7a;
    background: #eaefff;
}

.login-panel h1,
.launcher-panel h1 {
    margin-top: 0;
}

.login-panel form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.login-panel label {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.login-panel input {
    padding: 4px 6px;
}

.login-panel button {
    margin-top: 8px;
    padding: 4px 8px;
}

.error {
    color: #c00;
    min-height: 18px;
}
/* базовая тема (светлая Win11) */
:root {
    --desktop-bg: #2b2b2b;
    --topbar-bg: #2b4d7a;
    --topbar-fg: #ffffff;
    --taskbar-bg: #3a3a3a;
    --taskbar-border: #555555;
    --taskbar-button-bg: #4d4d4d;
    --taskbar-button-active-bg: #2b4d7a;
    --taskbar-button-fg: #ffffff;
    --start-bg: #f0f0f0;
    --start-border: #888888;
    --start-header-bg: #2b4d7a;
    --start-header-fg: #ffffff;
    --start-fg: #111111;
    --win-border: #1f3c6d;
    --win-bg: #ececec;
    --win-title-bg1: #2860b4;
    --win-title-bg2: #15427f;
    --win-title-fg: #ffffff;
    --form-bg: #fdfdfd;
    --form-border: #c0c0c0;
    --form-bg: #fdfdfd;
    --form-border: #c0c0c0;
    --form-fg: #111111;
    --form-control-bg: #ffffff;
    --form-control-fg: #111111;
    --form-control-border: #a0a0a0;
    --form-control-focus-border: #2563eb;
    --form-button-bg: #f0f0f0;
    --form-button-fg: #111111;
    --form-button-border: #808080;
    --form-button-hover-bg: #e0e0e0;
    --form-group-bg: #ffffff;
}

/* Тёмная Win11 */
[data-theme='win11-dark'] {
    --desktop-bg: #101010;
    --topbar-bg: #1f2937;
    --topbar-fg: #e5e7eb;
    --taskbar-bg: #111827;
    --taskbar-border: #374151;
    --taskbar-button-bg: #1f2937;
    --taskbar-button-active-bg: #2563eb;
    --taskbar-button-fg: #e5e7eb;
    --start-bg: #111827;
    --start-border: #374151;
    --start-header-bg: #1f2937;
    --start-header-fg: #e5e7eb;
    --start-fg: #e5e7eb;
    --win-border: #2563eb;
    --win-bg: #111827;
    --win-title-bg1: #1d4ed8;
    --win-title-bg2: #1e40af;
    --win-title-fg: #e5e7eb;
    --form-bg: #0b1120;
    --form-border: #4b5563;
    --form-bg: #0b1120;
    --form-border: #4b5563;
    --form-fg: #e5e7eb;
    --form-control-bg: #111827;
    --form-control-fg: #e5e7eb;
    --form-control-border: #4b5563;
    --form-control-focus-border: #93c5fd;
    --form-button-bg: #1f2937;
    --form-button-fg: #e5e7eb;
    --form-button-border: #4b5563;
    --form-button-hover-bg: #374151;
    --form-group-bg: #111827;
}

/* Контрастная (бывшая Win98/частично DOS) */
[data-theme='high-contrast'] {
    --desktop-bg: #000000;
    --topbar-bg: #000000;
    --topbar-fg: #ffffff;
    --taskbar-bg: #000000;
    --taskbar-border: #ffffff;
    --taskbar-button-bg: #000000;
    --taskbar-button-active-bg: #ffffff;
    --taskbar-button-fg: #00ff00;
    --start-bg: #000000;
    --start-border: #ffffff;
    --start-header-bg: #000000;
    --start-header-fg: #00ff00;
    --start-fg: #00ff00;
    --win-border: #ffffff;
    --win-bg: #000000;
    --win-title-bg1: #000000;
    --win-title-bg2: #000000;
    --win-title-fg: #00ff00;
    --form-bg: #000000;
    --form-border: #ffffff;
    --form-bg: #000000;
    --form-border: #ffffff;
    --form-fg: #00ff00;
    --form-control-bg: #000000;
    --form-control-fg: #00ff00;
    --form-control-border: #ffffff;
    --form-control-focus-border: #ffffff;
    --form-button-bg: #000000;
    --form-button-fg: #00ff00;
    --form-button-border: #ffffff;
    --form-button-hover-bg: #333333;
    --form-group-bg: #111111;
}
