/* AGENTSTOP — Windows 98 edition. No AI slop. Toys stay in the box. */
*{box-sizing:border-box}
html,body{margin:0; padding:0; min-height:100%}
body{
  font-family:"MS Sans Serif","Microsoft Sans Serif",Tahoma,sans-serif;
  font-size:11px; line-height:1.35; color:#000; background:#008080;
  /* subtle dither dots */
  background-image: radial-gradient(rgba(0,0,0,0.08) 1px, transparent 1px);
  background-size: 3px 3px;
}
a{color:#0000ff; text-decoration:underline}
a:active{color:#ff0000}
code, pre{font-family:"Courier New",Courier,monospace; font-size:11px}
.mono{font-family:"Courier New",Courier,monospace}
.small{font-size:11px}
.tiny{font-size:10px}
.muted{color:#444}
.wallet{word-break:break-all}

/* desktop chrome */
.desktop{min-height:100vh; padding:14px 14px 32px; display:flex; gap:14px; align-items:flex-start}
.desktop-icons{width:84px; flex-shrink:0; display:flex; flex-direction:column; gap:14px; padding-top:6px}
.dicon{display:flex; flex-direction:column; align-items:center; gap:4px; color:#fff; text-shadow:1px 1px 0 #000; font-size:11px; text-align:center; cursor:default; user-select:none}
.dicon-box{width:48px; height:48px; display:grid; place-items:center; font-size:28px; filter: drop-shadow(1px 1px 0 rgba(0,0,0,0.4))}
.stack{flex:1; max-width:980px; margin:0 auto; display:flex; flex-direction:column; gap:12px}

/* window */
.window{
  background:#c0c0c0;
  border:2px solid;
  border-color:#ffffff #000000 #000000 #ffffff;
  box-shadow: 1px 1px 0 #808080 inset, -1px -1px 0 #dfdfdf inset;
}
.titlebar{
  height:20px; display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding:0 2px; background:#808080; color:#c0c0c0; font-weight:700; font-size:11px; letter-spacing:0; user-select:none;
}
.titlebar.active{background:#000080; color:#fff}
.titlebar-text{display:flex; align-items:center; gap:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.title-icon{font-size:12px}
.titlebar-controls{display:flex; gap:2px; flex-shrink:0}
.tbtn{
  width:16px; height:14px; display:grid; place-items:center; font-size:10px; line-height:10px; font-weight:700;
  background:#c0c0c0; color:#000; border:2px solid; border-color:#fff #000 #000 #fff; cursor:default;
}
.tbtn:active{border-color:#000 #fff #fff #000; padding-top:1px}
.tbtn.close{font-size:12px}
.window-body{padding:8px; background:#c0c0c0}
.menubar{display:flex; gap:12px; padding:2px 4px 4px; font-size:11px; border-bottom:1px solid #808080; margin:6px 0 8px}
.menubar span{cursor:default}
.menubar span::first-letter{text-decoration:underline}

/* win95 buttons/inputs */
.win95-btn{
  font-family:"MS Sans Serif",Tahoma,sans-serif; font-size:11px; padding:4px 10px;
  background:#c0c0c0; color:#000; border:2px solid; border-color:#fff #000 #000 #fff;
  box-shadow: 1px 1px 0 #808080 inset, -1px -1px 0 #dfdfdf inset;
  cursor:pointer; user-select:none;
}
.win95-btn:active, .win95-btn.pressed{border-color:#000 #fff #fff #000; box-shadow:none; padding:5px 9px 3px 11px}
.win95-btn.primary{font-weight:700; outline:1px dotted #000; outline-offset:-4px}
.win95-btn.small{padding:2px 8px; font-size:11px}
.win95-select, input, textarea, select{
  font-family:"MS Sans Serif",Tahoma,sans-serif; font-size:11px;
  background:#fff; color:#000; border:2px solid; border-color:#000 #fff #fff #000;
  box-shadow: 1px 1px 0 #808080 inset, -1px -1px 0 #dfdfdf inset;
  padding:3px 4px; outline:none;
}
input:focus, textarea:focus, select:focus{outline:1px dotted #000; outline-offset:-3px}
textarea{resize:vertical}
.pre{
  background:#fff; border:2px solid; border-color:#808080 #fff #fff #808080; padding:6px; overflow:auto; white-space:pre; max-width:100%;
}
.groupbox{
  border:2px solid; border-color:#fff #808080 #808080 #fff; padding:8px 8px 6px; margin:8px 0; background:#c0c0c0;
  position:relative;
}
.groupbox legend{font-weight:700; padding:0 4px; background:#c0c0c0}
.toolbar{display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:6px 0 2px; border-top:1px solid #808080; margin-top:8px}
.toolbar-sep{width:1px; height:16px; background:#808080; border-right:1px solid #fff}

/* title window specifics */
.window-title .window-body{padding:8px}
.title-inner{display:flex; gap:12px; align-items:stretch}
.title-left{flex:1}
.bigstop{font-family:"MS Sans Serif",Tahoma,sans-serif; font-weight:900; font-size:42px; letter-spacing:1px; line-height:1; color:#000; text-transform:uppercase}
.bigstop span{background:#000; color:#fff; padding:0 6px; margin-left:4px; letter-spacing:2px}
.tagline{margin:4px 0 6px; font-size:11px; background:#fff; border:2px solid; border-color:#808080 #fff #fff #808080; padding:3px 6px}
.vacancy-box{width:280px; background:#fff; border:2px solid; border-color:#000 #fff #fff #000; padding:0; text-align:center; flex-shrink:0}
.vacancy-head{background:#000080; color:#fff; font-weight:700; padding:3px 6px; font-size:11px; letter-spacing:1px}
.vacancy-road{height:6px; background: repeating-linear-gradient(90deg, #000 0 8px, #ffcc00 8px 16px); border-top:1px solid #000; border-bottom:1px solid #000}
.vacancy-count{font-weight:700; padding:6px 4px 2px; font-size:11px}
.vacancy-sub{font-size:10px; color:#444; padding:0 4px 6px}

/* mission */
.mission-body{padding:6px}
.mission-grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px}
.mission-card{background:#c0c0c0; border:2px solid; border-color:#fff #808080 #808080 #fff; padding:8px}
.mission-card.hot{border-color:#000 #fff #fff #000; background:#ffffcc}
.mission-card h3{margin:4px 0 4px; font-size:12px}
.mission-card p{margin:0 0 6px; color:#222}
.mc-num{font-weight:900; font-size:14px; background:#000080; color:#fff; display:inline-block; padding:1px 6px; border:1px solid #000}
.win-link{font-weight:700}

/* two col */
.cols{display:grid; grid-template-columns:1fr 1fr; gap:12px; align-items:start}
.cols .window{height:100%}
.field{display:flex; flex-direction:column; gap:2px; margin:6px 0}
.field span{font-size:11px}
.field input, .field textarea{width:100%}
.hint{font-size:10px; color:#444; text-align:right}
.form-row{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:6px 0}
.status{min-width:120px}
.premium-box{background:#ffffcc}
.premium-form{display:grid; grid-template-columns:1fr 1fr; gap:6px}
.premium-form .span2{grid-column:1 / -1}
.premium-result{margin-top:6px; background:#fff; border:2px solid; border-color:#808080 #fff #fff #808080; padding:6px}
.badge-verify{background:#000080; color:#fff; padding:1px 4px; font-weight:700; font-size:10px; border:1px solid #000}

/* wall */
.wall-toolbar{display:flex; align-items:center; gap:8px; margin-bottom:6px}
.warning-dialog{
  display:flex; gap:8px; align-items:flex-start; background:#ffffcc; border:2px solid; border-color:#fff #808080 #808080 #fff; padding:6px 8px; margin-bottom:6px;
}
.warn-icon{width:22px; height:22px; flex-shrink:0; background:#ffcc00; border:1px solid #000; display:grid; place-items:center; font-weight:900}
.warn-text{font-size:11px}
.wall-list{max-height:520px; overflow:auto; background:#fff; border:2px solid; border-color:#808080 #fff #fff #808080; padding:4px}
.visit{border:1px solid #c0c0c0; padding:6px; margin:4px 0; background:#fff}
.visit.featured{border:2px solid #000080; background:#ffffe1}
.visit-head{display:flex; align-items:center; gap:6px; flex-wrap:wrap; font-size:11px; margin-bottom:3px}
.visit-name{font-weight:800}
.visit-org{color:#444}
.visit-time{margin-left:auto; color:#666; font-size:10px}
.badge-featured{background:#ffcc00; color:#000; border:1px solid #000; padding:1px 4px; font-weight:800; font-size:10px}
.badge-verified{background:#000080; color:#fff; border:1px solid #000; padding:1px 4px; font-weight:700; font-size:10px}
.visit-msg{margin:0; white-space:pre-wrap; word-break:break-word; font-size:11px}
.visit-meme{display:block; margin-top:6px; border:1px solid #000; max-width:320px}
.visit-meme img{display:block; width:100%; height:auto}
.empty{padding:12px; color:#444; font-style:italic}
.wall-actions{padding-top:6px}
.meme-lab .meme-row{display:flex; gap:6px; flex-wrap:wrap}
.meme-lab input{flex:1; min-width:140px}
.meme-lab .win95-select{min-width:120px}

/* fleet */
.fleet-body{display:flex; flex-direction:column; gap:6px}
.fleet-tags{display:flex; gap:6px; flex-wrap:wrap}
.tag{background:#c0c0c0; border:2px solid; border-color:#fff #000 #000 #fff; padding:2px 6px; font-size:11px}

/* taskbar */
.taskbar{
  position:fixed; left:0; right:0; bottom:0; height:28px; background:#c0c0c0; border-top:2px solid #fff;
  display:flex; align-items:center; gap:6px; padding:2px 4px; box-shadow: 0 1px 0 #dfdfdf inset; z-index:10;
}
.start-btn{
  display:flex; align-items:center; gap:4px; font-weight:800; font-size:11px; padding:2px 8px 2px 6px;
  background:#c0c0c0; border:2px solid; border-color:#fff #000 #000 #fff; cursor:pointer;
}
.start-btn:active{border-color:#000 #fff #fff #000}
.start-logo{font-size:12px}
.task-tabs{flex:1; display:flex; gap:4px; overflow:hidden}
.task-tab{
  min-width:120px; max-width:180px; height:20px; display:flex; align-items:center; padding:0 6px; font-size:11px;
  background:#c0c0c0; border:2px solid; border-color:#fff #000 #000 #fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.task-tab.active{background:#fff; border-color:#000 #fff #fff #000; font-weight:700}
.tray{display:flex; align-items:center; gap:6px; border:2px solid; border-color:#808080 #fff #fff #808080; padding:2px 6px; background:#c0c0c0; font-size:11px}
.tray-icon{font-size:11px}
.clock{min-width:64px; text-align:right}

/* responsive */
@media (max-width: 900px){
  .desktop{flex-direction:column}
  .desktop-icons{flex-direction:row; width:auto; justify-content:flex-start}
  .title-inner{flex-direction:column}
  .vacancy-box{width:100%}
  .mission-grid{grid-template-columns:1fr}
  .cols{grid-template-columns:1fr}
  .premium-form{grid-template-columns:1fr}
}
@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto !important}
}