/* ============ ALHARTHI OS 7.04 — 2007-era GNOME 2 style legacy desktop (original artwork) ============ */
.legacy{position:fixed;inset:0;z-index:60;overflow:clip;font:13px/1.4 "DejaVu Sans","Bitstream Vera Sans",Verdana,"IBM Plex Sans Arabic",sans-serif;color:#2e2a26;background:#000}
html[lang=ar] .legacy{font-family:"IBM Plex Sans Arabic",Verdana,sans-serif}

/* boot splash (usplash-like) */
.g2-splash{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:18px;color:#f3e7d9;background:radial-gradient(60% 50% at 50% 45%,#3a2516,#120a05 75%)}
.g2-splash b{font:400 30px "DejaVu Sans",Verdana,sans-serif;letter-spacing:.02em}.g2-splash em{font-style:normal;color:#f0a35b}
.g2-splash small{color:#8e7a66;font-size:12px;margin-top:6px}
.g2-pbar{width:220px;height:10px;border:1px solid #6a5340;border-radius:5px;padding:1px;overflow:hidden}
.g2-pbar i{display:block;height:100%;width:30%;border-radius:4px;background:linear-gradient(90deg,#f0a35b,#d36d1f);animation:g2bar 1.4s ease-in-out infinite}
@keyframes g2bar{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}
.g2-logo{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;font:700 32px Verdana,sans-serif;color:#fff;background:radial-gradient(circle at 35% 30%,#f7b26a,#d36d1f 55%,#8a3e0e);box-shadow:0 0 30px rgba(240,163,91,.35),inset 0 -3px 6px rgba(0,0,0,.25)}
.g2-logo.sm{width:18px;height:18px;font-size:11px;box-shadow:none;margin-inline-end:6px}

/* desktop + original wallpaper */
.g2-desk{position:absolute;inset:0;background:
  radial-gradient(120% 80% at 80% 110%,rgba(255,190,120,.35),transparent 55%),
  radial-gradient(90% 70% at 15% 10%,rgba(255,220,180,.18),transparent 60%),
  linear-gradient(160deg,#b5651d 0%,#8a4a1c 35%,#5c2f12 70%,#3a1d0a 100%)}
.g2-desk::before,.g2-desk::after{content:"";position:absolute;left:-20%;right:-20%;border-radius:50%;pointer-events:none}
.g2-desk::before{top:42%;height:90%;border-top:60px solid rgba(255,214,170,.10);transform:rotate(-7deg)}
.g2-desk::after{top:55%;height:90%;border-top:26px solid rgba(255,235,210,.08);transform:rotate(-4deg)}

/* panels */
.g2-panel{position:absolute;left:0;right:0;height:26px;display:flex;align-items:center;gap:2px;padding:0 4px;z-index:20;
  background:linear-gradient(#f2eee9,#ddd5cc);border-bottom:1px solid #a89c8f;box-shadow:0 1px 0 rgba(255,255,255,.5) inset}
.g2-panel.top{top:0}.g2-panel.bot{bottom:0;border-top:1px solid #a89c8f;border-bottom:0}
.g2-sp{flex:1}
.g2-m{height:22px;display:flex;align-items:center;padding:0 8px;border:0;border-radius:3px;background:none;font:inherit;color:#2e2a26;cursor:pointer}
.g2-m:hover,.g2-apps[aria-expanded=true]{background:#d36d1f;color:#fff}
.g2-launch{display:flex;gap:4px;margin:0 8px;padding-inline-start:8px;border-inline-start:1px dotted #a89c8f}
.g2-launch .g2i{width:20px;height:20px}
.g2-tray-up{width:20px;height:20px;border:0;border-radius:50%;padding:0;font:700 12px Verdana;color:#5a1d00;background:radial-gradient(circle at 35% 30%,#ffe082,#f0a020);cursor:pointer;animation:g2pulse 1.6s infinite}
@keyframes g2pulse{50%{box-shadow:0 0 0 5px rgba(240,160,32,.35)}}
.g2-vol{margin:0 6px;font-size:12px}
.g2-clock{padding:0 8px;white-space:nowrap}
.g2-skip{margin-inline-start:6px;height:20px;padding:0 10px;border:1px solid #8a7c6e;border-radius:3px;background:linear-gradient(#fff,#e2dbd2);font:600 11.5px inherit;color:#5c2f12;cursor:pointer}
.g2-skip:hover{background:#d36d1f;color:#fff;border-color:#a8520f}
.g2-showdesk{width:20px;height:16px;margin:0 4px;border:1px solid #8a7c6e;background:linear-gradient(#a7c7f0,#3d6eb5)}
.g2-tasks{display:flex;gap:4px;margin-inline-start:6px}
.g2-task{padding:1px 12px;border:1px solid #a89c8f;border-radius:3px;background:linear-gradient(#fbf9f6,#e6dfd7);max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g2-task.on{background:linear-gradient(#d8cfc5,#efe9e3);box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}
.g2-ws{display:flex;gap:2px;margin:0 6px}.g2-ws i{width:22px;height:16px;border:1px solid #8a7c6e;background:#f6f2ee}.g2-ws i.on{background:#e4a36a}
.g2-panel .g2-trash{width:18px;height:20px;margin:0 4px}

/* Applications menu */
.g2-apps-menu{position:absolute;top:26px;inset-inline-start:2px;z-index:30;width:250px;padding:4px;background:#f6f2ee;border:1px solid #8a7c6e;box-shadow:2px 3px 8px rgba(0,0,0,.35)}
.g2-apps-menu button{display:block;width:100%;text-align:start;padding:6px 10px;border:0;background:none;font:inherit;color:inherit;cursor:pointer;border-radius:2px}
.g2-apps-menu button:hover{background:#d36d1f;color:#fff}.g2-apps-menu small{display:block;color:#8a7c6e}.g2-apps-menu button:hover small{color:#ffe2c8}
.g2-apps-menu hr{border:0;border-top:1px solid #d8cfc5;margin:4px 0}

/* icons (drawn, original) */
.g2i{display:inline-block;position:relative;flex:none}
.g2-folder{width:48px;height:38px;border-radius:3px 6px 4px 4px;background:linear-gradient(#f3c28d,#d98c3f);box-shadow:0 2px 4px rgba(0,0,0,.35)}
.g2-folder::before{content:"";position:absolute;top:-5px;left:0;width:20px;height:8px;border-radius:3px 3px 0 0;background:#c27a32}
.g2-home{width:48px;height:38px;border-radius:3px 6px 4px 4px;background:linear-gradient(#f3c28d,#d98c3f);box-shadow:0 2px 4px rgba(0,0,0,.35)}
.g2-home::after{content:"⌂";position:absolute;inset:0;display:grid;place-items:center;color:#7a3d0f;font-size:24px}
.g2-pc{width:46px;height:36px;border:3px solid #bdb5ab;border-radius:4px;background:linear-gradient(#5d84c2,#2c4f8a);box-shadow:0 2px 4px rgba(0,0,0,.35)}
.g2-pc::after{content:"";position:absolute;left:12px;right:12px;bottom:-9px;height:5px;background:#bdb5ab;border-radius:2px}
.g2-doc{width:36px;height:46px;background:#fff;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.35)}
.g2-doc::before{content:"";position:absolute;inset:8px 6px 14px;background:repeating-linear-gradient(#b9b0a6 0 2px,transparent 2px 6px)}
.g2-doc::after{content:"PDF";position:absolute;left:4px;right:4px;bottom:4px;font:700 8px Verdana;color:#fff;background:#c0392b;text-align:center;border-radius:1px}
.g2-trash{background:linear-gradient(90deg,#c9c2b9,#efeae4 40%,#b1a99f);border-radius:1px 1px 4px 4px}
.g2-web{border-radius:50%;background:radial-gradient(circle at 35% 30%,#bfe3ff,#3a7bd5 55%,#1d4c94)}
.g2-mail{border-radius:2px;background:linear-gradient(#fdfbf7,#e5ddd2);border:1px solid #a89c8f}
.g2-icons{position:absolute;top:40px;inset-inline-start:14px;display:grid;gap:16px;z-index:1}
.g2-icon{width:86px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px;border:1px dotted transparent;background:none;font:inherit;color:#fff;text-shadow:1px 1px 2px #000;cursor:pointer}
.g2-icon:focus,.g2-icon:hover{border-color:rgba(255,255,255,.6);background:rgba(211,109,31,.45);outline:none}

/* notification bubble from the tray */
.g2-bubble{position:absolute;top:34px;inset-inline-end:60px;z-index:25;width:300px;padding:10px 12px;border:1px solid #6a5a4a;border-radius:8px;background:#fdf6c8;box-shadow:2px 3px 10px rgba(0,0,0,.4);animation:g2in .3s ease-out}
.g2-bubble::before{content:"";position:absolute;top:-9px;inset-inline-end:28px;border:9px solid transparent;border-top:0;border-bottom-color:#fdf6c8}
.g2-bubble b{display:block;margin-bottom:4px}.g2-bubble p{margin:0 0 6px}
.g2-bubble.again{animation:g2in .3s ease-out,shake .4s .3s}
.g2-x{position:absolute;top:4px;inset-inline-end:6px;border:0;background:none;font:14px Verdana;cursor:pointer}
.g2-link{border:0;background:none;padding:0;color:#1d4c94;text-decoration:underline;font:inherit;cursor:pointer}
@keyframes g2in{from{opacity:0;transform:translateY(-8px)}}

/* windows: Human-style */
.g2-win{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:min(460px,calc(100% - 20px));z-index:28;background:#efebe7;border:1px solid #5c4a3a;border-radius:6px 6px 2px 2px;box-shadow:3px 5px 16px rgba(0,0,0,.5);animation:g2in .2s ease-out}
.g2-title{height:26px;display:flex;align-items:center;padding:0 6px 0 10px;border-radius:5px 5px 0 0;color:#fff;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.45);background:linear-gradient(#efa86a,#d36d1f 55%,#b8580f)}
.g2-title span:first-child{flex:1;text-align:center}
.g2-tb{display:flex;gap:3px}.g2-tb i,.g2-close{width:18px;height:18px;display:grid;place-items:center;font:700 11px Verdana;font-style:normal;color:#5c2f12;border:1px solid #8a4a1c;border-radius:3px;background:linear-gradient(#fbe1c6,#e9a165);padding:0;cursor:default}
.g2-close{cursor:pointer}.g2-close:hover{background:linear-gradient(#ffb48a,#e2541b);color:#fff}
.g2-body{display:flex;gap:14px;padding:16px 16px 4px}.g2-body p{margin:0 0 8px}
.g2-h{font-weight:700;font-size:14px}
.g2-big{flex:none;width:44px;height:44px;border-radius:50%}
.g2-big.warn{border-radius:4px;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(#ffd54a,#e8a000);position:relative}
.g2-big.warn::after{content:"!";position:absolute;inset:14px 0 0;text-align:center;font:900 22px Verdana;color:#3a2a00}
.g2-big.stop{background:radial-gradient(#ff7a6a,#c0261a)}.g2-big.stop::after{content:"✕";display:grid;place-items:center;height:100%;color:#fff;font:900 20px Verdana}
.g2-btns{display:flex;justify-content:flex-end;gap:6px;padding:10px 14px 14px}
.g2-btn{min-width:86px;padding:5px 12px;border:1px solid #8a7c6e;border-radius:4px;background:linear-gradient(#fdfbf9,#e2dbd2);font:inherit;color:#2e2a26;cursor:pointer}
.g2-btn:hover{background:linear-gradient(#fff,#eee6dc);border-color:#d36d1f}
.g2-btn.def{box-shadow:0 0 0 2px #e9a165}
.g2-btn:focus{outline:1px dotted #2e2a26;outline-offset:-4px}

/* distribution upgrade window */
.g2-upgrade{width:min(560px,calc(100% - 20px))}
.g2-up{padding:16px 18px 18px}.g2-up h3{margin:0 0 12px;font-size:15px}
.g2-steps{margin:0 0 14px;padding-inline-start:0;list-style:none;min-height:170px}
.g2-steps li{position:relative;padding:3px 0 3px 26px;color:#8a7c6e}
[dir=rtl] .g2-steps li{padding:3px 26px 3px 0}
.g2-steps li::before{content:"";position:absolute;inset-inline-start:4px;top:7px;width:12px;height:12px;border-radius:50%;border:1px solid #b1a99f}
.g2-steps li.now{color:#2e2a26;font-weight:700}.g2-steps li.now::before{border-color:#d36d1f;border-top-color:transparent;animation:g2spin .8s linear infinite}
.g2-steps li.done{color:#2e2a26}.g2-steps li.done::before{content:"✓";border:0;width:auto;height:auto;top:2px;color:#4e9a06;font-weight:700}
@keyframes g2spin{to{transform:rotate(1turn)}}
.g2-prog{position:relative;height:20px;border:1px solid #8a7c6e;border-radius:3px;background:#fff;overflow:hidden}
.g2-prog i{display:block;height:100%;width:0;transition:width .3s;background:linear-gradient(#f3b47a,#d36d1f)}
.g2-prog span{position:absolute;inset:0;display:grid;place-items:center;font-size:11.5px;font-weight:700}
.g2-up details{margin-top:10px}.g2-up summary{cursor:pointer;color:#5c4a3a}
.g2-log{max-height:110px;overflow:auto;margin:6px 0 0;padding:8px;background:#2b1b12;color:#e9dccb;font:11px "DejaVu Sans Mono",monospace;white-space:pre-wrap;direction:ltr;text-align:left}
.g2-fadeout{animation:g2out .9s ease-in forwards}
@keyframes g2out{40%{filter:saturate(.2) brightness(1.1)}100%{filter:brightness(0);opacity:0;transform:scale(1.03)}}

@media (max-width:760px){
  .g2-m:not(.g2-apps),.g2-launch,.g2-vol{display:none}
  .g2-clock{font-size:12px;padding:0 4px}
  .g2-icons{grid-template-columns:repeat(4,1fr);inset-inline:8px;top:auto;bottom:44px}
  .g2-icon{width:auto}
  .g2-bubble{inset-inline:10px;width:auto}
  .g2-tasks,.g2-ws{display:none}
}

/* ===== meme moment: forced update gets crushed by sudo (original, no vendor branding) ===== */
.g2-forced{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,88%);z-index:40;border:1px solid #0a2a6b;box-shadow:0 10px 40px rgba(0,0,0,.6);animation:g2in .25s ease-out;transform-origin:50% 100%}
.fu-title{height:26px;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(#5b8de0,#2554b8);color:#fff;font:700 12.5px Verdana,sans-serif}
.fu-title em{font-style:normal;opacity:.85;font-weight:400}
.fu-body{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 18px 30px;background:#1e5bc4;color:#fff;font:15px "Segoe UI",Verdana,sans-serif;text-align:center}
.fu-body small{opacity:.85}
.fu-spin{position:relative;width:34px;height:34px}.fu-spin i{position:absolute;left:15px;top:0;width:4px;height:4px;border-radius:50%;background:#fff;transform-origin:2px 17px;animation:fuorb 1.4s cubic-bezier(.5,.1,.5,.9) infinite}
.fu-spin i:nth-child(2){animation-delay:.12s}.fu-spin i:nth-child(3){animation-delay:.24s}.fu-spin i:nth-child(4){animation-delay:.36s}.fu-spin i:nth-child(5){animation-delay:.48s}
@keyframes fuorb{to{transform:rotate(1turn)}}
.g2-forced.frozen{filter:saturate(.4) brightness(.85)}.g2-forced.frozen .fu-spin i{animation-play-state:paused}
.g2-forced.frozen .fu-body::after{content:"";position:absolute;inset:26px 0 0;background:rgba(255,255,255,.18)}
.g2-sudo{position:absolute;left:50%;top:-140px;z-index:45;width:170px;height:110px;margin-left:-85px;display:grid;place-items:center;
  font:900 40px "DejaVu Sans Mono",Consolas,monospace;color:#fff;letter-spacing:.04em;text-shadow:0 2px 0 rgba(0,0,0,.4);
  background:linear-gradient(#5a5a5a,#2e2e2e);border:3px solid #1b1b1b;border-radius:8px;box-shadow:inset 0 3px 0 rgba(255,255,255,.2),0 14px 30px rgba(0,0,0,.6);
  animation:sudodrop .55s cubic-bezier(.55,0,1,.45) forwards}
.g2-sudo::before{content:"#";position:absolute;top:6px;left:10px;font-size:14px;color:#e95420}
@keyframes sudodrop{to{top:calc(50% - 110px)}}
.g2-forced.squash{animation:squash .22s ease-in forwards}
@keyframes squash{to{transform:translate(-50%,-50%) scaleY(.05) scaleX(1.25);opacity:.6}}
.g2-shake{animation:g2shake .35s}
@keyframes g2shake{20%{transform:translate(-6px,4px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-1px)}}
.g2-shard{position:absolute;z-index:42;width:14px;height:10px;background:linear-gradient(#5b8de0,#1e5bc4);border:1px solid #0a2a6b;animation:shard 1.1s cubic-bezier(.3,.6,.6,1) forwards}
@keyframes shard{to{transform:translate(var(--dx),110vh) rotate(var(--rot));opacity:.4}}
.g2-yotld{position:absolute;left:50%;bottom:18%;transform:translateX(-50%);z-index:46;padding:14px 22px;border-radius:12px;background:rgba(30,10,4,.85);border:1px solid #e9a165;color:#fff;text-align:center;animation:g2in .4s ease-out;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.g2-yotld b{display:block;font-size:20px;color:#ffb47a}.g2-yotld small{color:#e9dccb}

/* ===== realistic restart: dialog, shutdown console, boot menu ===== */
.g2-restart{left:50%;top:42%;transform:translate(-50%,-50%);width:min(420px,92vw);z-index:46}
.g2-rs{display:flex;gap:14px;padding:16px 18px;align-items:flex-start}
.g2-rs-ico{font-size:34px;line-height:1;color:#e07a1f}
.g2-rs b{display:block;margin-bottom:6px}.g2-rs p{margin:0 0 14px;font-size:13px}
.g2-rs-btns{display:flex;justify-content:flex-end;gap:8px}
.g2-console{position:absolute;inset:0;z-index:60;background:#000;color:#cfcfcf;font:13px/1.55 "DejaVu Sans Mono",Consolas,monospace;padding:18px 20px;overflow:hidden}
.g2-console div{white-space:pre;display:flex;gap:8px}.g2-console .ok{margin-inline-start:auto;color:#5fd75f}
.g2-console.grub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#ddd}
.gb-box{width:min(620px,90vw);border:1px solid #bbb;padding:6px 0}
.gb-row{padding:2px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gb-row.on{background:#ddd;color:#000}.gb-row.old{color:#888}
.gb-foot{font-size:12px;color:#aaa;text-align:center}
@media (max-width:760px){.g2-console{font-size:11px;padding:12px}.g2-console div{white-space:normal}}