/* ══════ win98.css — Win98 Chrome: Buttons, Titlebars, Dialoge, Explorer ══════ */

/* ── Legal Gate ── */
#legal-gate{
  position:fixed;inset:0;z-index:99998;
  background:#008080;
  display:flex;align-items:center;justify-content:center;
  font-family:'MS Sans Serif',Tahoma,Arial,sans-serif;
}
#legal-box{
  background:#C0C0C0;border:2px solid;border-color:#DFDFDF #808080 #808080 #DFDFDF;
  box-shadow:3px 3px 0 #000;width:520px;max-width:97vw;max-height:92vh;
  display:flex;flex-direction:column;
}
#legal-tabs{
  display:flex;border-bottom:2px solid #808080;background:#C0C0C0;padding:4px 6px 0;gap:2px;
}
.legal-tab{
  font-size:11px;padding:3px 10px;border:1px solid;border-color:#DFDFDF #808080 #808080 #DFDFDF;
  border-bottom:none;background:#C0C0C0;cursor:pointer;outline:none;
  font-family:'MS Sans Serif',Tahoma,Arial,sans-serif;
  position:relative;bottom:-1px;
}
.legal-tab.active{
  background:#C0C0C0;border-color:#DFDFDF #808080 #C0C0C0 #DFDFDF;
  font-weight:bold;z-index:1;
}
.legal-tab:hover:not(.active){background:#D4D0C8}
#legal-body{
  flex:1;overflow-y:auto;padding:14px 16px;font-size:11px;color:#000;line-height:1.5;
  max-height:52vh;
}
#legal-body h3{font-size:12px;margin:0 0 6px;font-weight:bold}
#legal-body p{margin:0 0 8px}
#legal-body a{color:#00007B}
.legal-panel{display:none}
.legal-panel.active{display:block}
#legal-footer{
  border-top:2px solid #808080;padding:10px 14px;
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  font-size:11px;background:#C0C0C0;
}
#legal-footer .legal-note{opacity:0.7;font-size:10px;flex:1}

/* ── Win98 Login Dialog ── */
#win-login-bg{
  position:fixed;inset:0;z-index:99994;
  background:#008080;
  display:flex;align-items:center;justify-content:center;
  font-family:'MS Sans Serif',Tahoma,Arial,sans-serif;
}
#win-login-box{
  background:#C0C0C0;border:2px solid;border-color:#DFDFDF #808080 #808080 #DFDFDF;
  box-shadow:3px 3px 0 #000;min-width:420px;max-width:95vw;
}
#win-login-content{display:flex}
#win-login-logo{
  width:100px;flex-shrink:0;
  background:linear-gradient(180deg,#000080 0%,#1060C8 100%);
  color:#fff;display:flex;flex-direction:column;align-items:center;
  justify-content:center;padding:16px 8px;text-align:center;
}
#win-login-forms{flex:1;padding:16px 20px;font-size:12px;color:#000}
.win98-input{
  background:#fff;border:2px solid;border-color:#808080 #DFDFDF #DFDFDF #808080;
  padding:2px 4px;font-family:'MS Sans Serif',Tahoma,Arial,sans-serif;font-size:12px;
  outline:none;
}
.win98-input:focus{outline:1px dotted #000;outline-offset:-2px}
#devbot-login-row{display:flex;flex-direction:column;align-items:center;gap:16px}

/* ── Tier Lock Overlay ── */
.tier-lock-overlay{
  position:absolute;inset:0;
  background:rgba(2,9,2,0.88);
  display:flex;align-items:center;justify-content:center;
  z-index:50;border-radius:4px;
}
.tier-lock-inner{
  text-align:center;padding:20px;
  font-family:Consolas,'Courier New',monospace;color:#f0f6fc;
}
.tier-lock-icon{font-size:2rem;margin-bottom:8px}
.tier-lock-title{color:rgba(74,222,128,1);font-weight:bold;font-size:0.95rem;margin-bottom:6px}
.tier-lock-msg{font-size:0.8rem;margin-bottom:12px;opacity:0.8}
.tier-lock-btn{
  display:inline-block;background:#008080;color:#fff;padding:6px 16px;border-radius:4px;
  font-family:Consolas,'Courier New',monospace;font-size:0.85rem;font-weight:bold;
  text-decoration:none;border:1px solid rgba(0,128,128,0.6);cursor:pointer;margin-bottom:8px;
}
.tier-lock-btn:hover{background:#009a9a;text-decoration:none}
.tier-lock-code{
  display:block;margin:4px auto 0;background:transparent;border:none;
  color:rgba(74,222,128,0.6);font-size:0.75rem;cursor:pointer;
  font-family:Consolas,'Courier New',monospace;
}
.tier-lock-code:hover{color:rgba(74,222,128,1)}

/* ── Tier badge in taskbar clock area ── */
#tier-badge{
  font-family:Consolas,'Courier New',monospace;font-size:10px;font-weight:bold;
  padding:1px 4px;letter-spacing:1px;
}

/* Win98 Titlebar */
#terminal-titlebar{
  display:flex;height:22px;
  background:linear-gradient(to right,#00007B,#1060C8);
  padding:0 3px;align-items:center;gap:4px;
  font-size:11px;color:#fff;-webkit-user-select:none;user-select:none;
  flex-shrink:0;position:relative;z-index:300;
}
.term-icon{font-size:12px;line-height:1}
.term-title{flex:1;font-weight:bold;font-family:'MS Sans Serif','Tahoma',Arial,sans-serif;font-size:11px;white-space:nowrap;overflow:hidden}
.term-btns{display:flex;gap:2px}
.term-btn{
  width:16px;height:14px;background:#C0C0C0;
  border:2px solid;border-color:#DFDFDF #808080 #808080 #DFDFDF;
  display:flex;align-items:center;justify-content:center;
  font-size:8px;font-weight:bold;color:#000;line-height:1;
  font-family:'MS Sans Serif',Tahoma,sans-serif;
}
.term-btn:active{border-color:#808080 #DFDFDF #DFDFDF #808080}

/* Generic Win98 Titlebar */
#paint-titlebar,.w98-tb{
  background:linear-gradient(to right,#00007B,#1060C8);
  color:#fff;font-weight:bold;font-size:11px;padding:2px 4px;
  display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;flex-shrink:0;
  cursor:default;
}
#paint-titlebar .term-title,.w98-tb .term-title{flex:1}

/* Win98 Confirm Dialog */
#win-confirm{
  display:none;position:fixed;inset:0;z-index:9999;
  background:rgba(0,0,0,0.3);
}
#win-confirm.active{display:block}
#win-confirm-box{
  position:absolute;
  background:#C0C0C0;border:2px solid;border-color:#DFDFDF #808080 #808080 #DFDFDF;
  box-shadow:2px 2px 0 #000;min-width:320px;max-width:90vw;
  font-family:'MS Sans Serif',Tahoma,Arial,sans-serif;font-size:12px;color:#000;
}
#win-confirm-title{
  background:linear-gradient(to right,#00007B,#1060C8);
  color:#fff;font-weight:bold;font-size:11px;padding:2px 4px;
  display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;
}
#win-confirm-body{padding:16px 20px;display:flex;align-items:flex-start;gap:12px}
#win-confirm-icon{font-size:28px;flex-shrink:0}
#win-confirm-text{line-height:1.5}
#win-confirm-btns{
  display:flex;justify-content:center;gap:8px;padding:0 20px 14px;
}
.win-btn{
  min-width:80px;padding:3px 12px;background:#C0C0C0;
  border:2px solid;border-color:#DFDFDF #808080 #808080 #DFDFDF;
  font-family:'MS Sans Serif',Tahoma,Arial,sans-serif;font-size:12px;
  cursor:pointer;text-align:center;
}
.win-btn:active{border-color:#808080 #DFDFDF #DFDFDF #808080}
.win-btn b{text-decoration:underline}

/* Generic Win98 Explorer Window */
.w98-explorer{
  width:420px;max-width:90vw;max-height:70vh;
  background:#C0C0C0;border:2px solid;border-color:#DFDFDF #808080 #808080 #DFDFDF;
  box-shadow:3px 3px 0 #000;display:flex;flex-direction:column;
  font-family:'MS Sans Serif',Tahoma,Arial,sans-serif;font-size:11px;color:#000;
}
.w98-exp-body{
  flex:1;overflow-y:auto;background:#fff;margin:2px;
  border:2px solid;border-color:#808080 #DFDFDF #DFDFDF #808080;
  padding:8px;min-height:120px;
}
.w98-exp-status{border-top:1px solid #DFDFDF;padding:2px 6px;font-size:10px}
.w98-drive{
  display:inline-flex;flex-direction:column;align-items:center;gap:2px;
  width:70px;padding:4px;cursor:default;border:1px solid transparent;
  text-align:center;font-size:10px;
}
.w98-drive:hover{background:rgba(0,0,128,0.1);border-color:#00007B}
.w98-drive-icon{font-size:28px}

/* ── Focus-visible (Win98 dotted outline) ── */
.win-btn:focus-visible,
.tb-btn:focus-visible,
button:focus-visible{outline:1px dotted #000;outline-offset:-2px}
a:focus-visible{outline:1px dotted #000;outline-offset:1px}

/* Draggable title */
[data-draggable]{cursor:move!important}

/* ── WM: Resize handle (bottom-right corner) ── */
.wm-resize{
  position:absolute;bottom:0;right:0;width:14px;height:14px;cursor:nwse-resize;z-index:2;
  background:linear-gradient(135deg,transparent 30%,#808080 30%,#808080 40%,transparent 40%,transparent 55%,#808080 55%,#808080 65%,transparent 65%,transparent 80%,#808080 80%);
}
.wm-maximized .wm-resize{display:none}

/* ── WM: Maximized window ── */
.wm-maximized{
  top:0!important;left:0!important;right:0!important;
  width:100vw!important;height:calc(100vh - var(--tb-h, 42px))!important;
  max-width:none!important;max-height:none!important;
  transform:none!important;box-shadow:none!important;border-radius:0!important;
}

/* ── WM: Inactive titlebar (gray gradient like real Win98) ── */
.wm-inactive .w98-tb,
.wm-inactive #paint-titlebar,
#terminal-frame.wm-inactive #terminal-titlebar{
  background:linear-gradient(to right,#808080,#B0B0B0);
}

/* ── F07: Systemsteuerung Icon ── */
.sysctl-item{
  display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:8px 4px;cursor:default;font-size:10px;text-align:center;
  border:1px solid transparent;
}
.sysctl-item:hover{background:rgba(0,0,128,0.1);border-color:#00007B}
.sysctl-item:active{border-color:#808080 #DFDFDF #DFDFDF #808080}

/* ── F02: Minimize-Animation ── */
.wm-minimizing{
  transition:transform 0.18s ease-in,opacity 0.18s ease-in!important;
  transform:scale(0.1,0.05) translateY(300px)!important;
  opacity:0!important;
  pointer-events:none;
  will-change:transform,opacity;
}

/* ── F16: Win98 Classic Cursor-Set ── */
/* Win98-style arrow cursor (white arrow, black outline) */
body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpolygon points='3,1 3,19 7,15 10,22 13,21 10,14 16,14' fill='%23fff' stroke='%23000' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 1,default}
/* Win98 hand cursor for clickable elements */
a,button,label,.win-btn,.sm-item,.desk-icon,.tb-task,.tb-qbtn,.term-btn,.ctx-item,.paint-tool,.doom-item{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M8,20 L8,10 Q8,9 9,9 Q10,9 10,10 L10,8 Q10,7 11,7 Q12,7 12,8 L12,7 Q12,6 13,6 Q14,6 14,7 L14,8 Q14,7 15,7 Q16,7 16,8 L16,17 Q16,19 14,20 Z' fill='%23fff' stroke='%23000' stroke-width='1'/%3E%3Crect x='7' y='9' width='2' height='8' rx='1' fill='%23fff' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E") 8 1,pointer}
/* I-beam for text inputs */
input[type=text],input[type=search],textarea{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24'%3E%3Cline x1='6' y1='2' x2='6' y2='22' stroke='%23000' stroke-width='1.5'/%3E%3Cline x1='2' y1='2' x2='10' y2='2' stroke='%23000' stroke-width='1.5'/%3E%3Cline x1='2' y1='22' x2='10' y2='22' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") 6 12,text}