/* wolds Messenger — estilos (base Win98 de 98.css + wolds.css) */

/* ===== inicio de sesión ===== */
.msn-login{display:flex;flex-direction:column}
.msn-login .ml-banner{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 12px;margin:-0px;box-shadow:0 1px 0 #808080}
.msn-login .ml-banner b{display:block;font-size:14px;color:#000080;font-family:Arial,sans-serif;-webkit-font-smoothing:auto}
.msn-login .ml-banner span{color:#555}
.msn-login .ml-body{display:flex;flex-wrap:wrap;gap:12px;padding:12px 12px 10px;align-items:flex-start}
.msn-login .ml-form{flex:1;min-width:210px}
.msn-login .ml-form p{margin:0 0 10px;line-height:14px}
.msn-login .ml-btns{display:flex;flex-direction:column;gap:6px}
.msn-login .ml-btns button,.msn-login .ml-btns2 button{min-width:75px}
.msn-login .ml-prog{display:flex;gap:12px;align-items:center;width:100%;padding:6px 0}
.msn-login .ml-prog p{margin:0 0 8px}
.msn-login .ml-btns2{width:100%;display:flex;justify-content:center;padding-top:6px}
.msn-login .field-row-stacked{display:flex;flex-direction:column}
.msn-login .field-row-stacked label{margin-bottom:2px}

/* ===== ventana principal ===== */
.msn-me{display:flex;align-items:center;gap:6px;padding:3px 4px;flex:none}
.msn-me .nm{font-weight:bold;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msn-me select{flex:1;min-width:0;height:21px}
.msn-list{flex:1;min-height:0;padding:0;margin:0 2px;overflow:auto;background:#fff}
.msn-gh{display:flex;align-items:center;gap:5px;padding:3px 4px;cursor:default;font-weight:bold}
.msn-gh i{width:0;height:0;border-left:4px solid #000;border-top:4px solid transparent;border-bottom:4px solid transparent;margin:0 2px 0 1px}
.msn-grp.open>.msn-gh i{border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #000;border-bottom:0;margin:0 1px 0 0}
.msn-grp:not(.open)>.msn-gb{display:none}
.msn-ct{display:flex;align-items:flex-start;gap:5px;padding:2px 4px 2px 16px;outline:0}
.msn-ct img{margin-top:1px}
.msn-ct .n{display:block;line-height:13px;overflow:hidden;text-overflow:ellipsis}
.msn-ct em{font-style:normal;color:#808080}
.msn-ct small{display:block;color:#808080;font-size:11px}
.msn-ct.away img{filter:grayscale(.9) opacity(.8)}
.msn-ct.off img{filter:grayscale(1) opacity(.5)}
.msn-ct.off .n{color:#808080}
.msn-ct.sel{background:#000080;color:#fff}
.msn-ct.sel em,.msn-ct.sel small,.msn-ct.sel .n{color:#fff}
.msn-banner{display:flex;align-items:center;gap:8px;flex:none;margin:3px 2px 2px;padding:6px 8px;color:#000;text-decoration:none;background:linear-gradient(#fff,#cfe0f5);box-shadow:inset -1px -1px #fff,inset 1px 1px #808080,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;line-height:13px}
.msn-banner b{display:block;color:#000080}
.msn-banner u{color:#0000ff}
.msn-banner:hover{background:linear-gradient(#fff,#bcd4f0)}

/* ===== conversación ===== */
.msn-chat{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;padding:0 2px}
.msn-to{flex:none;padding:3px 6px;background:#fff;margin-bottom:3px;box-shadow:inset -1px -1px #fff,inset 1px 1px #808080,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;height:22px;display:flex;align-items:center}
.msn-tb{margin-bottom:3px}
.msn-tb .tbtn{min-width:56px}
.msn-hist{flex:1;min-height:60px;padding:6px 8px;overflow:auto;user-select:text;-webkit-user-select:text;line-height:14px;cursor:text}
.msn-from{color:#808080;font-weight:bold;margin-top:6px}
.msn-from.me{color:#000080}
.msn-msg{padding-left:12px;word-wrap:break-word}
.msn-msg .emo,.msn-from .emo{vertical-align:-3px;margin:0 1px}
.msn-sys{color:#808080;margin:6px 0 2px;border-top:1px dotted #c0c0c0;padding-top:3px;line-height:13px}
.msn-sys.weird{color:#800000;border:0;margin-top:0;font-style:italic}
.msn-typing{flex:none;height:15px;padding:1px 6px 0;color:#808080;font-size:11px}
.msn-in{flex:none;display:flex;gap:6px;align-items:stretch;padding:0 0 3px}
.msn-in textarea{flex:1;min-width:0;height:54px;resize:none;padding:3px 4px;font-family:"Pixelated MS Sans Serif",Arial,sans-serif;font-size:11px;line-height:13px;box-sizing:border-box}
.msn-send{min-width:64px;height:54px;align-self:stretch}
.msn-emo{position:absolute;z-index:20;display:grid;grid-template-columns:repeat(3,26px);gap:1px;padding:3px;background:#c0c0c0;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px #808080,inset 2px 2px #fff}
.msn-emo[hidden]{display:none!important}
.msn-emo button{width:26px;min-width:26px;height:24px;min-height:24px;padding:0;display:flex;align-items:center;justify-content:center;background:none;box-shadow:none;border:1px solid transparent}
.msn-emo button:hover{border-color:#fff #808080 #808080 #fff}
.msn-emo button:active{border-color:#808080 #fff #fff #808080}

/* transferencia de archivos */
.msn-xfer{display:flex;gap:10px;margin:8px 0 4px;padding:8px;background:#ffffe1;box-shadow:inset 0 0 0 1px #808080;line-height:14px}
.msn-xfer .xi{flex:1;min-width:0}
.msn-xfer .xb{display:flex;gap:6px;margin-top:8px}
.msn-xfer .xb button{min-width:70px;height:21px;min-height:21px;padding:0 8px}
.msn-xfer .xt{margin:8px 0 4px;color:#444}
.msn-xfer .xdone{margin-top:6px;color:#000}
.msn-xfer .xdone a,.msn-hist a{color:#0000ff;text-decoration:underline;cursor:pointer}
.msn-xfer .progress-indicator{height:18px;padding:2px}
.msn-hist>.xdone{color:#808080;margin:4px 0}