/* ===================================================================== styles.css — the only V2-authored stylesheet Everything visual comes from the V1 theme snapshot (/shared, /apps/files, /apps/users). This file carries just three things the snapshot cannot: 1. the login card (V1's login lives in a page V2 does not serve); 2. the window-chrome geometry that V1 keeps INLINE in jessos.html (never snapshotted) — window frame, titlebar, traffic-light buttons; 3. theme-token skins for the V2-only feature dialogs, so they read as native JessOS surfaces rather than generic boxes. ===================================================================== */ :root { color-scheme: dark; } *, *::before, *::after { box-sizing: border-box; } [hidden] { display: none !important; } html, body { margin: 0; min-height: 100vh; } body { font: 14px/1.45 "Ubuntu", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--text-primary); /* Same desktop wallpaper V1 sets inline on in jessos.html. */ background: url('/assets/theme/wallpapers/ubuntuwallpaper2.webp') center/cover no-repeat fixed, #2c001e; } .app-shell { min-height: 100vh; } /* Boot splash — the neutral state between page load and the resolved session (workspace or login). Sits on the same wallpaper as the desktop, so a refresh reads as "the desktop is loading", never a login-card flash. */ .v2-boot-splash{position:fixed;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:url('/assets/theme/wallpapers/ubuntuwallpaper2.webp') center/cover no-repeat fixed,#2c001e} .v2-boot-spinner{width:34px;height:34px;border-radius:50%;border:3px solid #ffffff33;border-top-color:#f57c2a;animation:v2-boot-spin .8s linear infinite} @keyframes v2-boot-spin{to{transform:rotate(360deg)}} /* ===================== LOGIN (exact V1 visual language) ===================== Isolated here so V2 never loads V1 code. This is the project's quality bar for pixel fidelity; leave it untouched. */ .v2-login-root{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url('/assets/theme/wallpapers/ubuntuwallpaper2.webp') center/cover no-repeat,#000;color:#f5f5f5;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Ubuntu",sans-serif;font-size:14px} .v2-login-time{position:absolute;top:10px;left:50%;transform:translateX(-50%);font-size:13px;text-shadow:0 1px 2px #000c;opacity:.9} .v2-login-card{width:100%;max-width:440px;border-radius:14px;background:rgba(38,12,50,.55);border:1px solid #fff3;box-shadow:0 22px 55px #000b;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:20px 24px 18px;display:flex;flex-direction:column;gap:14px} .v2-login-user-row{display:flex;align-items:center;gap:14px;margin-bottom:6px} .v2-login-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid #ffffffa6;box-shadow:0 0 0 2px #0008;flex-shrink:0;background:#0006;display:flex;align-items:center;justify-content:center} .v2-login-avatar img{width:48px;height:48px;object-fit:contain} .v2-login-identity{display:flex;flex-direction:column;gap:2px} .v2-login-username-label{font-size:13px;font-weight:500} .v2-login-portal-label{font-size:11px;color:#ccc} .v2-login-fields{display:flex;flex-direction:column;gap:10px} .v2-login-field{display:flex;flex-direction:column;gap:4px} .v2-login-field label{font-size:11px;color:#ccc} .v2-login-input{height:32px;border-radius:8px;border:1px solid #ffffff40;background:#0a03148c;color:#f5f5f5;padding:0 10px;font-size:13px} .v2-login-input:focus{outline:1px solid #f26722;outline-offset:1px;border-color:#f26722} .v2-login-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:6px} .v2-login-remember{display:flex;align-items:center;gap:6px;font-size:11px;color:#ccc;margin-right:auto} .v2-login-remember input{width:14px;height:14px;accent-color:#f26722} .v2-login-button{min-width:120px;height:34px;border-radius:999px;border:1px solid #000b;background:linear-gradient(to right,#f57c2a,#f49a3c);color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:0 2px 6px #000a} .v2-login-button:disabled{opacity:.65;cursor:default;box-shadow:none} .v2-login-error{min-height:18px;font-size:11px;color:#ff5555;margin-top:4px} .v2-login-footer{margin-top:4px;font-size:11px;color:#ccc;display:flex;justify-content:space-between;align-items:center;opacity:.9} .v2-login-footer .jess{color:#c45307} .v2-login-footer .os{color:#cca000} @media(max-width:480px){.v2-login-card{padding:16px 14px 14px}} /* ===================== DESKTOP + WINDOW CHROME ===================== Ported from jessos.html's inline