/* ==========================================================================
   NEBULA OS — window manager chrome
   ========================================================================== */
.win{
  position:absolute;display:flex;flex-direction:column;min-width:260px;min-height:150px;
  border-radius:var(--r-lg);overflow:hidden;
  background:var(--surface);border:1px solid var(--stroke-2);
  box-shadow:var(--sh-3), inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(var(--blur)) saturate(var(--sat));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));
  contain:layout style;
}
.win.opening{animation:winIn .3s var(--spring)}
@keyframes winIn{from{opacity:0;transform:scale(.9) translateY(16px)}to{opacity:1;transform:none}}
.win.closing{animation:winOut .17s var(--ease-in-out) forwards;pointer-events:none}
@keyframes winOut{to{opacity:0;transform:scale(.93) translateY(10px)}}
.win.minimizing{animation:winMin .22s var(--ease-in-out) forwards;pointer-events:none}
@keyframes winMin{to{opacity:0;transform:translateY(120px) scale(.7)}}
.win.restoring{animation:winRestore .28s var(--spring)}
@keyframes winRestore{from{opacity:0;transform:translateY(90px) scale(.8)}to{opacity:1;transform:none}}
.win.minimized{display:none}

/* focus ring / depth */
.win.focused{
  border-color:rgba(var(--accent-rgb),.34);
  box-shadow:0 34px 84px -16px rgba(0,0,0,.82), 0 10px 26px rgba(0,0,0,.5),
             0 0 0 1px rgba(var(--accent-rgb),.16), inset 0 1px 0 rgba(255,255,255,.1);
}
.win:not(.focused){filter:saturate(.85) brightness(.94)}
.win:not(.focused) .win-title{color:var(--text-3)}
.win.snapping,.win.maximizing{transition:left .2s var(--ease),top .2s var(--ease),width .2s var(--ease),height .2s var(--ease),border-radius .2s var(--ease)}
.win.max{border-radius:0;border-left:0;border-right:0;border-bottom:0}
.win.dragging{transition:none!important;will-change:left,top}
.win.dragging .win-body,.win.resizing .win-body{pointer-events:none}

/* ---------------- title bar ---------------- */
.win-bar{
  height:38px;flex:0 0 38px;display:flex;align-items:center;gap:9px;padding:0 6px 0 12px;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.015));
  border-bottom:1px solid var(--stroke);cursor:default;user-select:none;position:relative;
}
html.light .win-bar{background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.2))}
.win-bar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.5),transparent);opacity:0;transition:opacity .25s}
.win.focused .win-bar::after{opacity:1}
.win-ico{width:18px;height:18px;flex:0 0 18px;border-radius:5px;display:grid;place-items:center}
.win-title{flex:1;font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}
.win-sub{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}
.win-ctrls{display:flex;align-items:center;gap:2px;flex:0 0 auto;margin-left:4px}
.wc{width:30px;height:26px;flex:0 0 30px;border-radius:7px;display:grid;place-items:center;color:var(--text-2);transition:.14s}
.wc:hover{background:rgba(255,255,255,.13);color:var(--text)}
.wc.close:hover{background:#e5405f;color:#fff;box-shadow:0 0 16px -3px rgba(229,64,95,.9)}
.wc svg{pointer-events:none}

/* ---------------- body ---------------- */
.win-body{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;flex-direction:column}
.win-body>*{min-height:0}

/* ---------------- resize handles ---------------- */
.rz{position:absolute;z-index:6}
.rz-n{top:-3px;left:10px;right:10px;height:7px;cursor:ns-resize}
.rz-s{bottom:-3px;left:10px;right:10px;height:7px;cursor:ns-resize}
.rz-w{left:-3px;top:10px;bottom:10px;width:7px;cursor:ew-resize}
.rz-e{right:-3px;top:10px;bottom:10px;width:7px;cursor:ew-resize}
.rz-nw{top:-3px;left:-3px;width:14px;height:14px;cursor:nwse-resize}
.rz-ne{top:-3px;right:-3px;width:14px;height:14px;cursor:nesw-resize}
.rz-sw{bottom:-3px;left:-3px;width:14px;height:14px;cursor:nesw-resize}
.rz-se{bottom:-3px;right:-3px;width:14px;height:14px;cursor:nwse-resize}
.win.max .rz{display:none}

/* ---------------- snap preview ---------------- */
#snapPreview{
  position:absolute;z-index:490;display:none;border-radius:var(--r-lg);pointer-events:none;
  background:rgba(var(--accent-rgb),.16);border:2px solid rgba(var(--accent-rgb),.7);
  box-shadow:0 0 44px -6px rgba(var(--accent-rgb),.6), inset 0 0 60px rgba(var(--accent-rgb),.12);
  transition:left .13s var(--ease),top .13s var(--ease),width .13s var(--ease),height .13s var(--ease);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
}
#snapPreview.on{display:block;animation:fade .12s}

/* ---------------- modal / dialog inside windows ---------------- */
.win-modal{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:rgba(3,6,14,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:fade .16s}
.win-modal .mcard{width:min(340px,86%);padding:18px;border-radius:var(--r-md);background:var(--surface-3);border:1px solid var(--stroke-2);box-shadow:var(--sh-2);animation:ctxIn .24s var(--spring)}
.win-modal h4{margin:0 0 8px;font-size:14px}
.win-modal p{margin:0 0 14px;font-size:12px;color:var(--text-2);line-height:1.5}
.win-modal input{width:100%;height:32px;padding:0 10px;margin-bottom:14px;border-radius:8px;border:1px solid var(--stroke-2);background:rgba(0,0,0,.28);outline:none;font-size:12.5px}
html.light .win-modal input{background:rgba(255,255,255,.7)}
.win-modal input:focus{border-color:rgba(var(--accent-rgb),.6);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.14)}
.win-modal .mrow{display:flex;gap:8px;justify-content:flex-end}

/* ---------------- generic app toolbar / statusbar ---------------- */
.tbar{
  flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:7px 9px;
  border-bottom:1px solid var(--stroke);background:rgba(0,0,0,.16);
}
html.light .tbar{background:rgba(255,255,255,.35)}
.tbar .grow{flex:1}
.tbtn{
  height:29px;padding:0 10px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;
  font-size:12px;color:var(--text-2);border:1px solid transparent;transition:.14s;white-space:nowrap;
}
.tbtn:hover{background:rgba(255,255,255,.1);color:var(--text);border-color:var(--stroke)}
.tbtn.on{background:rgba(var(--accent-rgb),.2);color:var(--text);border-color:rgba(var(--accent-rgb),.4)}
.tbtn:disabled{opacity:.35;pointer-events:none}
.tbtn.icon{width:29px;padding:0;justify-content:center}
.tsep{width:1px;height:18px;background:var(--stroke-2);margin:0 2px}
.sbar{
  flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:5px 11px;font-size:11px;color:var(--text-3);
  border-top:1px solid var(--stroke);background:rgba(0,0,0,.2);
}
html.light .sbar{background:rgba(255,255,255,.4)}
.sbar .grow{flex:1}
.finput{
  height:29px;padding:0 10px;border-radius:8px;border:1px solid var(--stroke-2);background:rgba(0,0,0,.26);
  font-size:12px;outline:none;transition:.15s;min-width:0;
}
html.light .finput{background:rgba(255,255,255,.65)}
.finput:focus{border-color:rgba(var(--accent-rgb),.6);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.13)}

/* fullscreen game host */
.win.gamewin .win-body{background:#04060c}
.win.gamewin.max{border-radius:0}