/* Gilbert Desktop 98 / Build 004. All desktop UI remains inside the CRT glass. */
.desktop-panel{position:absolute;inset:0;overflow:hidden;background:#008080;z-index:1;color:#000;text-shadow:none;font-family:Tahoma,'Microsoft Sans Serif',Arial,sans-serif}
.desktop-panel[hidden]{display:none}.w98-surface{position:absolute;left:0;top:0;width:640px;height:480px;transform-origin:0 0;overflow:hidden;background:#008080;font:13px/1.3 Tahoma,'Microsoft Sans Serif',Arial,sans-serif}
.monitor[data-mode=desktop] .crt-phosphor{visibility:hidden}.monitor[data-power=off] .desktop-panel{visibility:hidden}
.w98-surface *{box-sizing:border-box}.w98-surface button,.w98-surface input{font:inherit;color:#000;letter-spacing:0;text-transform:none;border-radius:0}
.w98-surface button{cursor:default;padding:3px 10px;border:2px solid;border-color:#fff #404040 #404040 #fff;background:#c0c0c0;box-shadow:inset -1px -1px #808080;min-height:25px}
.w98-surface button:active{border-color:#404040 #fff #fff #404040;box-shadow:none;padding-top:4px;padding-bottom:2px}
.w98-surface button:focus-visible{outline:1px dotted #000;outline-offset:-5px}
.w98-surface img{image-rendering:pixelated}.w98-surface button img{width:32px;height:32px}.w98-surface .w98-wallpaper-logo{image-rendering:auto}
.w98-wallpaper{position:absolute;inset:0 0 30px;background:#008080;pointer-events:none}.w98-wallpaper-logo{position:absolute;left:68%;top:80.5%;width:29%;height:auto}.w98-wallpaper-sweep{position:absolute;inset:0;width:100%;height:100%}
.w98-icons{position:absolute;left:12px;top:10px;display:flex;flex-direction:column;gap:8px;width:86px}
.w98-surface .w98-icon{display:flex;align-items:center;flex-direction:column;gap:4px;background:none;border:0;box-shadow:none;padding:4px 1px;color:white;text-align:center;min-height:67px;line-height:1.1}
.w98-icon span{max-width:86px;padding:1px 2px}.w98-surface .w98-icon:active{padding:4px 1px}.w98-icon:focus span{background:#000080;outline:1px dotted white}.w98-surface .w98-icon:focus-visible{outline:none}
.w98-taskbar{position:absolute;bottom:0;left:0;right:0;height:30px;border-top:2px solid white;box-shadow:0 -1px #808080;background:#c0c0c0;display:flex;align-items:center;gap:5px;padding:2px 3px}
.w98-surface .w98-start-button{font-size:15px;font-weight:bold;min-height:25px;display:flex;align-items:center;gap:3px;padding:1px 5px}.w98-start-emblem{color:#000080;text-shadow:1px 0 #ff0,-1px 0 #f00;font-size:19px;line-height:1}
.w98-task{flex:1}.w98-surface .w98-task-button{width:170px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 6px}
.w98-tray{display:flex;align-items:center;gap:6px;border:1px solid;border-color:#808080 #fff #fff #808080;padding:1px 5px;height:24px;white-space:nowrap}.w98-surface .w98-tray button{min-height:18px;border:0;box-shadow:none;padding:0 2px;font-size:10px}.w98-tray time{font-size:12px;min-width:60px;text-align:center}
.w98-start-menu{position:absolute;left:3px;bottom:30px;width:215px;display:flex;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:1px 1px #000;z-index:6}
.w98-menu-brand{background:#808080;color:#ccc;writing-mode:vertical-rl;transform:rotate(180deg);font-size:22px;padding:8px 4px}.w98-menu-brand b{color:white}.w98-start-menu>div:last-child{flex:1;padding:3px}.w98-surface .w98-start-menu button{display:flex;align-items:center;gap:7px;width:100%;border:0;box-shadow:none;background:none;padding:7px 4px;text-align:left;min-height:35px}.w98-start-menu button:hover,.w98-start-menu button:focus-visible{background:#000080;color:white;outline:none}.w98-start-menu button img{width:23px;height:23px}.w98-start-menu hr{border:0;border-top:1px solid #808080;border-bottom:1px solid white;margin:4px}
.w98-window{position:absolute;left:125px;top:55px;width:470px;height:300px;padding:3px;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:1px 1px #000;display:flex;flex-direction:column}
.w98-titlebar{background:#000080;color:white;display:flex;align-items:center;justify-content:space-between;padding:2px 3px;font-weight:bold;height:24px;flex-shrink:0;touch-action:none;user-select:none}.w98-titlebar>div{display:flex;gap:2px}.w98-surface .w98-titlebar button{font-size:16px;font-weight:bold;width:19px;height:18px;min-height:18px;padding:0;line-height:13px}
.w98-menubar{display:flex;gap:17px;padding:4px 5px;border-bottom:1px solid #808080}.w98-window-content{margin-top:2px;flex:1;min-height:0;background:white;border:2px solid;border-color:#808080 #fff #fff #808080;overflow:auto}
.w98-window>footer{padding:3px 4px;border:1px solid;border-color:#808080 #fff #fff #808080;margin-top:3px;font-size:11px}
.w98-drives{display:flex;gap:15px;align-items:flex-start;padding:15px 9px}.w98-surface .w98-drives button{display:flex;flex-direction:column;gap:7px;align-items:center;padding:4px;width:125px;background:none;border:0;box-shadow:none}.w98-drives button:focus span{background:#000080;color:white;outline:1px dotted #fff}.w98-drives button span{padding:1px 3px}.w98-empty{padding:25px 15px}.w98-info{padding:15px;font:14px/1.5 Arial,sans-serif}.w98-info h3{margin:0 0 10px;font-size:20px}
.w98-modal-shade{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center}.w98-dialog{width:350px;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;padding:3px;box-shadow:1px 1px #000}
.w98-dialog>header{display:flex;align-items:center;justify-content:space-between;background:#000080;color:white;padding:3px 5px;font-weight:bold;font-size:14px}.w98-dialog>header button{width:19px;height:18px;min-height:18px;padding:0;font-size:17px;line-height:12px}
.w98-dialog>footer{display:flex;justify-content:center;gap:10px;padding:10px 12px 14px}.w98-dialog>footer button{min-width:80px}
.w98-error-message{display:flex;gap:20px;align-items:center;padding:22px 20px 10px}.w98-error-icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;flex-shrink:0;background:#d00000;color:white;border:1px solid #600000;border-radius:50%;font:bold 38px/1 Arial,sans-serif}.w98-error-message p{margin:0;font-size:14px}
.w98-shutdown-body{padding:13px 20px 0}.w98-shutdown-body p{margin:0 0 15px}.w98-shutdown-body label{display:flex;align-items:center;gap:7px;margin:10px 0}.w98-shutdown-body input{accent-color:#000080}
.w98-login{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#008080}.w98-login .w98-dialog{width:390px}.w98-login-content{display:flex;gap:18px;padding:13px 17px}.w98-login-content>img{width:40px;height:40px;margin-top:10px}.w98-login-content p{margin:0 0 13px}.w98-login-content input{width:160px;background:white;border:2px solid;border-color:#808080 #fff #fff #808080;padding:2px 4px;margin-left:5px}.w98-login-note{font-size:11px;margin:12px 0 0!important}
.w98-boot{position:absolute;inset:0;background:#add0e9}
.w98-boot-art{display:block;width:100%;height:100%;object-fit:fill;image-rendering:auto!important}
.w98-loading{position:absolute;left:0;right:0;bottom:0;height:8px;overflow:hidden;background:#7fa2cb}
.w98-loading i{display:block;width:100%;height:100%;background:repeating-linear-gradient(90deg,#244b91 0 14px,#7195c5 35px,#c7daeb 64px,#7195c5 93px,#244b91 128px);background-size:128px 100%;animation:w98-load 1.6s linear infinite}
@keyframes w98-load{from{background-position:0 0}to{background-position:-128px 0}}
.w98-leaving,.w98-safe{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;text-align:center;background:#008080;font-size:16px}.w98-safe{background:#000;color:#ee9a26;font:bold 24px/1.5 Arial,sans-serif}
.desktop-panel.is-busy,.w98-surface.is-busy{cursor:wait}
.desktop-panel[data-reveal=wallpaper] .w98-taskbar,.desktop-panel[data-reveal=wallpaper] .w98-icons{visibility:hidden}
.desktop-panel[data-reveal=taskbar] .w98-icons{visibility:hidden}
.desktop-panel[data-reveal=icons] .w98-icon span{visibility:hidden}
@media(prefers-reduced-motion:reduce){.w98-loading i{animation:none}}

/* Restore the original full-glass desktop and taskbar placement. */
.w98-surface{left:0;top:0}
.desktop-panel[data-stage=boot]{background:#add0e9}

/* Build 022: exact Gilbert SVG over the cloud artwork; loading strip stays live. */
.w98-boot-logo{position:absolute;left:12%;top:46%;width:76%;height:auto;transform:translateY(-50%);image-rendering:auto!important}
.w98-boot-edition{position:absolute;top:60%;left:0;right:0;text-align:center;color:#284e73;font:18px/1.3 Tahoma,Arial,sans-serif;letter-spacing:2px}

/* Build 026: classic persistent sunken taskbar states. */
.w98-surface .w98-start-button[aria-expanded=true],
.w98-surface .w98-task-button[aria-pressed=true]{border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px #808080}
.w98-surface .w98-start-button[aria-expanded=true]{padding:2px 4px 0 6px}
.w98-surface .w98-task-button[aria-pressed=true]{padding:3px 5px 1px 7px;font-weight:bold;background:#d4d4d4}
.w98-window.is-inactive .w98-titlebar{background:#808080;color:#c0c0c0}
