:root{
  --titlebar1:#7ed6f5;
  --titlebar2:#26a7e0;
  --titlebar3:#0d74b5;
  --titlebar4:#095e9e;
  --border:#7db6d9;
  --soft-border:#bfdff0;
  --panel:#eaf6fc;
  --panel2:#d7edf8;
  --white:#ffffff;
  --text:#1c3650;
  --muted:#6c8498;
  --link:#266f9f;
  --green:#39b54a;
  --orange:#f4b100;
  --red:#dd3b3b;
  --shadow:0 7px 18px rgba(0,56,97,.18);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  font-family:Tahoma,'Segoe UI',Arial,sans-serif;
  background:linear-gradient(180deg,#1090ae 0,#0ca4c3 35%,#1396bb 55%,#0f88ab 100%);
  color:var(--text);
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle at 18% 8%,rgba(255,255,255,.35),transparent 25%),
    radial-gradient(circle at 80% 10%,rgba(255,255,255,.2),transparent 20%),
    linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.16) 43% 52%,transparent 53%),
    linear-gradient(180deg,rgba(255,255,255,.1),transparent 18%);
}
.app-shell{width:min(100%,430px);margin:0 auto;min-height:100vh;padding:10px 8px 14px;position:relative;z-index:5;display:block}
.window{
  background:linear-gradient(180deg,#f2fbff 0,#d9edf7 100%);
  border:1px solid #2b78a6;
  border-radius:10px;
  box-shadow:0 0 0 1px rgba(255,255,255,.7), var(--shadow);
  overflow:hidden;
  position:relative;z-index:6;display:block;min-height:80vh;
}
.window::before{
  content:"";position:absolute;left:0;right:0;top:0;height:92px;pointer-events:none;
  background:radial-gradient(ellipse at 48% 12%,rgba(255,255,255,.95),rgba(255,255,255,.18) 45%,transparent 62%);
}
.titlebar{
  height:31px;display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:0 8px 0 7px;position:relative;z-index:2;
  color:#15496c;font-size:13px;
  background:linear-gradient(180deg,var(--titlebar1) 0,var(--titlebar2) 45%,var(--titlebar3) 46%,var(--titlebar4) 100%);
  border-bottom:1px solid #0a5e94;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.titlebar-left{display:flex;align-items:center;gap:6px;font-weight:400;color:#12415d;text-shadow:0 1px 0 rgba(255,255,255,.8)}
.titlebar-right{display:flex;gap:6px}
.win-btn{width:20px;height:18px;border:1px solid rgba(14,76,118,.7);border-radius:3px;background:linear-gradient(180deg,#ecfbff,#b5e7fb);box-shadow:inset 0 1px 0 #fff}
.msn-butterfly{position:relative;width:14px;height:14px;display:inline-block;flex:none}
.msn-butterfly::before,.msn-butterfly::after,.msn-butterfly span::before,.msn-butterfly span::after{content:"";position:absolute;border-radius:60% 60% 60% 60%}
.msn-butterfly::before{width:7px;height:7px;left:0;top:1px;background:linear-gradient(180deg,#ffb343,#f18917)}
.msn-butterfly::after{width:7px;height:7px;right:0;top:1px;background:linear-gradient(180deg,#6fd48a,#28b34b)}
.msn-butterfly span::before{width:7px;height:7px;left:1px;bottom:0;background:linear-gradient(180deg,#7bd4ff,#3598df)}
.msn-butterfly span::after{width:7px;height:7px;right:1px;bottom:0;background:linear-gradient(180deg,#b79cff,#7b66d9)}
.content-bg{
  background:
    radial-gradient(circle at 62% 0,rgba(255,255,255,.85),rgba(255,255,255,.25) 26%,transparent 48%),
    linear-gradient(180deg,#edf8fd 0,#dbeff8 42%,#d2ebf7 100%);
}
.msn-avatar,.contact-avatar,.chat-avatar{
  width:72px;height:72px;border-radius:10px;flex:none;position:relative;
  background:linear-gradient(180deg,#ffffff,#dcebf3 55%,#c2d6e2 100%);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 0 0 1px #68d11a, 0 0 0 3px #d9ff8a, 0 3px 8px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.95);
  overflow:hidden;
}
.msn-avatar.small,.contact-avatar{width:54px;height:54px;border-radius:8px}
.chat-avatar{width:64px;height:64px}
.msn-avatar::before,.contact-avatar::before,.chat-avatar::before{
  content:"";position:absolute;left:50%;top:17%;transform:translateX(-50%);
  width:28%;height:28%;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fefefe,#d9e5eb 66%,#b1c2cf);
  border:1px solid rgba(129,149,161,.55);
}
.msn-avatar::after,.contact-avatar::after,.chat-avatar::after{
  content:"";position:absolute;left:50%;bottom:12%;transform:translateX(-50%);
  width:54%;height:39%;border-radius:36% 36% 18% 18% / 44% 44% 12% 12%;
  background:linear-gradient(180deg,#fefefe,#d9e5eb 68%,#b8cad5);
  border:1px solid rgba(129,149,161,.55);
}
.login-window{max-width:344px;margin:0 auto}
.login-body{padding:18px 22px 22px;min-height:640px;position:relative}
.login-top-help{position:absolute;top:18px;right:18px;font-size:14px;color:#235372;text-decoration:none}
.login-center{padding-top:38px;display:flex;flex-direction:column;align-items:center}
.login-center .msn-avatar{width:96px;height:96px;border-radius:14px;box-shadow:0 0 0 1px #8eb5c8, 0 4px 10px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.95)}
.form-block{width:100%;margin-top:26px}
.field-label{display:block;font-size:13px;color:#37566c;margin:14px 0 5px}
.input,.select{
  width:100%;height:30px;border:1px solid #a4bcca;background:#fff;padding:0 8px;font-size:14px;color:#243f53;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.07);
}
.select{appearance:auto}
.option-row{display:flex;align-items:center;gap:8px;margin-top:10px;color:#37566c;font-size:13px}
.checks{display:grid;gap:10px;margin-top:18px;color:#35556d;font-size:13px}
.login-btn-row{text-align:center;padding:22px 0 8px}
.btn-login{
  min-width:96px;height:34px;border:1px solid #7f8b93;border-radius:4px;cursor:pointer;
  background:linear-gradient(180deg,#ffffff 0,#e9f0f4 48%,#d9e4ea 49%,#f9ffff 100%);
  color:#1f465f;font-weight:700;box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.08)
}
.btn-login:active{transform:translateY(1px)}
.login-links{margin-top:22px;display:grid;gap:7px}
.login-links a,.plain-link{color:#2b709d;text-decoration:none;font-size:13px}
.login-links a:hover,.plain-link:hover{text-decoration:underline}
.footer-brand{position:absolute;left:14px;bottom:10px;color:#5f8093;font-size:13px;display:flex;align-items:center;gap:6px}
.notice,.success{padding:9px 10px;border-radius:4px;font-size:13px;margin-top:12px}
.notice{background:#fff3f3;border:1px solid #efb1b1;color:#a12d2d}
.success{background:#eefcf2;border:1px solid #a8dfb2;color:#1b6e32}
.phone-helper{font-size:12px;color:#6c8498;margin-top:4px}

/* Contacts */
.contacts-body{padding:0 0 12px;min-height:calc(100vh - 34px)}
.contacts-pane{padding:10px 0 0}
.identity-box{display:flex;gap:12px;padding:10px 12px 12px;align-items:flex-start}
.identity-text{min-width:0;flex:1;padding-top:2px}
.identity-name{font-size:16px;color:#214b6a;display:flex;align-items:center;gap:6px}
.identity-name strong{font-size:18px;font-weight:400}
.identity-sub{font-size:13px;color:#355970;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-actions{padding:2px 12px 10px;display:flex;justify-content:flex-end;gap:6px}
.top-icon{width:22px;height:22px;border-radius:3px;border:1px solid #b6d1de;background:linear-gradient(180deg,#fff,#dcedf5);box-shadow:inset 0 1px 0 #fff;position:relative}
.top-icon.add::before{content:"+";position:absolute;left:50%;top:50%;transform:translate(-50%,-56%);font-size:20px;color:#3ea700;font-weight:700}
.top-icon.mail::before{content:"✉";position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);font-size:12px;color:#5890b3}
.top-icon.menu::before{content:"≡";position:absolute;left:50%;top:50%;transform:translate(-50%,-56%);font-size:16px;color:#4a7797}
.search-wrap{padding:0 12px 10px;display:flex;gap:6px;align-items:center}
.search-wrap .input{height:31px;font-size:13px;border-color:#beced8;background:linear-gradient(180deg,#fff,#f4f7fa)}
.search-btn{width:28px;height:28px;border:1px solid #c0cfda;border-radius:3px;background:linear-gradient(180deg,#fff,#e8f0f4);position:relative}
.search-btn::before{content:"🔎";font-size:13px;position:absolute;left:50%;top:50%;transform:translate(-50%,-52%)}
.inline-form{padding:0 12px 8px;display:flex;gap:6px}
.inline-form .input{height:31px;margin:0}
.action-btn{height:31px;padding:0 11px;border:1px solid #8db6ca;background:linear-gradient(180deg,#fff,#d7ebf5);color:#2b5672;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap}
.section-title{padding:10px 12px 7px;color:#315978;font-size:14px;display:flex;align-items:center;gap:5px}
.section-title strong{font-size:15px;font-weight:400}
.section-title .count{color:#8195a3;font-size:12px}
.section-block{padding-bottom:4px}
.contact-row{display:flex;align-items:flex-start;gap:10px;padding:7px 12px 7px 16px;text-decoration:none;color:inherit;position:relative}
.contact-row:hover{background:rgba(255,255,255,.45)}
.contact-row.active{background:linear-gradient(180deg,#d9eefb,#c8e7f9);outline:1px solid #8ec2e6;outline-offset:-1px}
.presence{width:9px;height:9px;border-radius:2px;background:#9b9b9b;border:1px solid rgba(0,0,0,.15);display:inline-block;flex:none;margin-top:5px}
.presence.online{background:#44c235}
.presence.away{background:#f1ba0f}
.presence.busy{background:#d65050}
.contact-main{min-width:0;flex:1}
.contact-name{font-size:14px;color:#244c69;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-status{font-size:12px;color:#6e8290;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.thin-divider{height:1px;background:rgba(163,203,226,.55);margin:8px 10px}
.whatsnew{margin:18px 10px 0;padding:10px 0 0;border-top:1px solid #c6dfe9}
.whatsnew h3{font-size:16px;font-weight:400;color:#3a6486;margin:0 12px 4px}
.whatsnew p{font-size:12px;color:#8294a2;margin:0 12px 12px}
.bottom-banner{margin:0 12px;background:linear-gradient(90deg,#75bdd1,#3c83a5 55%,#1e5f8f);height:56px;border:1px solid #173d63;box-shadow:inset 0 1px 0 rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;gap:10px}
.bottom-banner span:last-child{font-size:13px;opacity:.9}
.small-note{font-size:12px;color:#688196;padding:2px 12px 0}

/* Chat */
.chat-body{min-height:calc(100vh - 34px);display:flex;flex-direction:column}
.chat-toolbar{padding:6px 12px 7px;color:#edf7ff;font-size:12px;display:flex;gap:16px;background:linear-gradient(180deg,#69c6ed 0,#42a9dd 48%,#2387ca 49%,#1e7bc2 100%);border-bottom:1px solid #75b9df;position:relative;z-index:1}
.chat-toolbar span{cursor:default;text-shadow:0 1px 0 rgba(0,56,95,.42)}
.chat-header{display:flex;gap:10px;padding:12px 14px 8px;align-items:flex-start}
.chat-title{min-width:0;flex:1}
.chat-title h1{margin:2px 0 4px;font-size:20px;font-weight:400;color:#234868;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-title .status-line{font-size:12px;color:#4b6b7f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-status{display:inline-flex;align-items:center;gap:5px}
.return-link{font-size:12px;color:#2b709d;text-decoration:none}
.conversation-area{flex:1;display:grid;grid-template-columns:88px 1fr;gap:14px;padding:0 14px 10px}
.contact-side{padding-top:2px}
.contact-side .chat-avatar{margin-bottom:10px}
.chat-transcript{border:1px solid #d0dfe8;background:rgba(255,255,255,.62);min-height:250px;padding:10px 12px;overflow-y:auto;max-height:44vh}
.msg{margin:0 0 12px;font-size:13px;line-height:1.45;color:#26445a;word-break:break-word}
.msg strong{color:#123b5a}
.msg.me strong{color:#235f2e}
.msg .time{display:block;font-size:11px;color:#738695;margin-top:3px}
.composer-panel{padding:0 14px 14px}
.composer-box{border:1px solid #c2d6e3;background:rgba(255,255,255,.75)}
.format-row{height:30px;padding:0 7px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #d7e5ee;background:linear-gradient(180deg,#fefefe,#edf4f8)}
.format-btn{width:18px;height:18px;border:1px solid #d4dfe7;border-radius:3px;background:#fff;display:grid;place-items:center;color:#67859b;font-size:12px}
.format-btn.text{width:auto;padding:0 4px;font-weight:700}
.nudge-link{margin-left:auto;border:none;background:none;color:#2b709d;font-size:12px;font-weight:700;cursor:pointer;padding:0}
.nudge-link:hover{text-decoration:underline}
.composer-form{display:flex;align-items:stretch}
.composer-text{flex:1;border:none;min-height:72px;resize:vertical;padding:10px 11px;font:13px Tahoma,'Segoe UI',Arial,sans-serif;color:#203d54;background:#fff}
.composer-text:focus{outline:none}
.send-col{width:82px;border-left:1px solid #d7e5ee;background:linear-gradient(180deg,#f9fdff,#e8f3f8);display:flex;align-items:flex-end;justify-content:center;padding:10px}
.send-btn{width:100%;height:32px;border:1px solid #8aa7b7;background:linear-gradient(180deg,#fff,#e5eef3);color:#214861;font-weight:700;border-radius:4px}
.footer-links{padding:6px 14px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px}
.footer-links a{color:#2b709d;text-decoration:none}
.footer-links a:hover{text-decoration:underline}
.nudge-banner{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:50;width:min(390px,92%);padding:12px;border:1px solid #d08b00;background:linear-gradient(180deg,#fff7ca,#f4c248);border-radius:6px;color:#5c3c00;font-weight:700;box-shadow:0 10px 25px rgba(0,0,0,.24)}
.shake{animation:msnShake .72s ease-in-out 0s 1}
.empty-state{padding:20px 12px;font-size:12px;color:#6f8390}
@keyframes msnShake{0%{transform:translate(0,0)}10%{transform:translate(-10px,0)}20%{transform:translate(10px,0)}30%{transform:translate(-10px,0)}40%{transform:translate(10px,0)}50%{transform:translate(-8px,0)}60%{transform:translate(8px,0)}70%{transform:translate(-5px,0)}80%{transform:translate(5px,0)}90%{transform:translate(-2px,0)}100%{transform:translate(0,0)}}

@media (max-width:390px){
  .login-window{max-width:none}
  .conversation-area{grid-template-columns:1fr;gap:8px}
  .contact-side{display:flex;align-items:center;gap:10px;padding-top:0}
  .contact-side .chat-avatar{margin-bottom:0}
  .send-col{width:74px}
}

/* FIX HOSTINGER: força conteúdo acima do fundo */
body > *{position:relative;z-index:5}
.app-shell{position:relative!important;z-index:20!important;display:block!important;min-height:100vh!important}
.window{position:relative!important;z-index:30!important;display:block!important;opacity:1!important;visibility:visible!important;background:linear-gradient(180deg,#f2fbff 0,#d9edf7 100%)!important;min-height:620px!important}
.titlebar,.contacts-body,.login-body,.chat-body{position:relative!important;z-index:31!important;visibility:visible!important;opacity:1!important}

/* MSN 2009 status dropdown */
.status-anchor{position:relative;display:inline-block;z-index:80;max-width:100%}
.status-name-toggle{border:1px solid transparent;background:transparent;color:#214b6a;font:inherit;padding:3px 7px 4px 3px;margin:-3px 0 0 -3px;cursor:pointer;border-radius:2px;display:inline-flex;align-items:center;gap:4px;max-width:100%}
.status-name-toggle:hover,.status-name-toggle[aria-expanded="true"]{border-color:#87b9d2;background:linear-gradient(180deg,#e8f8ff,#bfe8fa);box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}
.status-name-toggle strong{font-size:18px;font-weight:400;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.status-name-toggle span{font-size:15px;white-space:nowrap;color:#204560}
.status-name-toggle em{font-style:normal;font-size:11px;color:#1f5d7f;margin-left:1px}
.status-menu{display:none;position:absolute;top:28px;left:0;width:244px;background:#fff;border:1px solid #8a9ca7;box-shadow:3px 4px 8px rgba(0,0,0,.22);padding:3px 0;z-index:999;color:#222;font-family:Tahoma,'Segoe UI',Arial,sans-serif}
.status-menu.open{display:block}
.status-item{width:100%;display:flex;align-items:center;gap:7px;height:24px;border:0;background:#fff;padding:0 9px;text-align:left;font-size:12px;color:#222;cursor:pointer;font-family:Tahoma,'Segoe UI',Arial,sans-serif}
.status-item:hover,.status-more:hover,.status-menu-link:hover{background:#dfefff}
.status-item.selected{font-weight:700;background:linear-gradient(180deg,#eef8ff,#d4ecfa)}
.status-item .presence{margin-top:0;width:10px;height:10px;border-radius:50%}
.status-item input{display:none}
.status-separator{height:1px;background:#c5c5c5;margin:4px 0}
.status-more,.status-menu-link{height:24px;line-height:24px;padding:0 9px;font-size:12px;color:#333;cursor:default;white-space:nowrap}
.status-more{display:flex;justify-content:space-between}.status-menu-link{color:#555}
@media(max-width:390px){.status-menu{left:-68px;width:238px}.status-name-toggle strong{max-width:130px}.status-name-toggle span{font-size:13px}}

/* Correção: nome completo + avatar real */
.identity-text{min-width:0;overflow:visible!important}
.identity-name{display:block!important;overflow:visible!important}
.status-name-toggle{max-width:none!important;width:auto!important;white-space:normal!important;flex-wrap:wrap!important;text-align:left!important}
.status-name-toggle strong{max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}
.status-name-toggle span{white-space:nowrap!important}
.status-action-form{margin:0;padding:0}
.avatar-upload-form{margin:0;padding:0}
.avatar-upload-label{display:block;position:relative;cursor:pointer}
.avatar-upload-label input[type=file]{position:absolute;opacity:0;width:1px;height:1px;left:-9999px}

.msn-avatar.status-online,.contact-avatar.status-online,.chat-avatar.status-online{box-shadow:0 0 0 1px #68d11a,0 0 0 3px #d9ff8a,0 3px 8px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.95)!important}
.msn-avatar.status-busy,.contact-avatar.status-busy,.chat-avatar.status-busy{box-shadow:0 0 0 1px #cf2323,0 0 0 3px #ff8b8b,0 3px 8px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.95)!important}
.msn-avatar.status-away,.contact-avatar.status-away,.chat-avatar.status-away{box-shadow:0 0 0 1px #d58c00,0 0 0 3px #ffd865,0 3px 8px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.95)!important}
.msn-avatar.status-offline,.contact-avatar.status-offline,.chat-avatar.status-offline{box-shadow:0 0 0 1px #7f8c91,0 0 0 3px #c8d1d5,0 3px 8px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.95)!important;filter:grayscale(.18)}
.msn-avatar.has-photo.status-busy,.contact-avatar.has-photo.status-busy,.chat-avatar.has-photo.status-busy{border-color:#fff!important}

.msn-avatar.has-photo,.contact-avatar.has-photo,.chat-avatar.has-photo{background:#fff!important;overflow:hidden!important}
.msn-avatar.has-photo::before,.msn-avatar.has-photo::after,.contact-avatar.has-photo::before,.contact-avatar.has-photo::after,.chat-avatar.has-photo::before,.chat-avatar.has-photo::after{display:none!important}
.msn-avatar.has-photo img,.contact-avatar.has-photo img,.chat-avatar.has-photo img{width:100%;height:100%;display:block;object-fit:cover}
.personal-message-form{margin-top:6px;position:relative;max-width:285px}
.personal-message-text{display:inline-block;border:0;background:transparent;padding:0;margin:0;font:13px Tahoma,'Segoe UI',Arial,sans-serif;color:#355970;text-align:left;cursor:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.personal-message-text:hover{background:#2c61b4;color:#fff}
.personal-message-input{display:none;width:100%;height:24px;border:1px solid #8db6ca;background:#fff;padding:2px 6px;font:13px Tahoma,'Segoe UI',Arial,sans-serif;color:#1f3f58}
.personal-message-form.editing .personal-message-text{display:none}
.personal-message-form.editing .personal-message-input{display:block}
.avatar-upload-form{margin:0;padding:0}.avatar-upload-label input[type=file]{display:none!important}
.status-name-toggle strong{max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}.status-name-toggle{max-width:100%;white-space:nowrap}.identity-text{overflow:visible!important}


/* Correção do upload de avatar */
.avatar-direct-form{margin:0;padding:0;flex:none}
.avatar-direct-label{display:block;cursor:pointer}
.avatar-direct-label input[type=file]{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.avatar-upload-label input[type=file]{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;display:block!important}
.msn-avatar.has-photo,.contact-avatar.has-photo,.chat-avatar.has-photo{background:#fff!important;overflow:hidden!important}
.msn-avatar.has-photo::before,.msn-avatar.has-photo::after,.contact-avatar.has-photo::before,.contact-avatar.has-photo::after,.chat-avatar.has-photo::before,.chat-avatar.has-photo::after{display:none!important}
.msn-avatar.has-photo img,.contact-avatar.has-photo img,.chat-avatar.has-photo img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
.msn-avatar.status-online,.contact-avatar.status-online,.chat-avatar.status-online{box-shadow:0 0 0 1px #68d11a,0 0 0 3px #d9ff8a,0 3px 8px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.95)!important}
.msn-avatar.status-busy,.contact-avatar.status-busy,.chat-avatar.status-busy{box-shadow:0 0 0 1px #d33,0 0 0 3px #ff8b8b,0 3px 8px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.95)!important}
.msn-avatar.status-away,.contact-avatar.status-away,.chat-avatar.status-away{box-shadow:0 0 0 1px #d89600,0 0 0 3px #ffd666,0 3px 8px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.95)!important}
.msn-avatar.status-offline,.contact-avatar.status-offline,.chat-avatar.status-offline{box-shadow:0 0 0 1px #888,0 0 0 3px #cfcfcf,0 3px 8px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.95)!important}

/* Ajuste: clique direto no avatar abre envio de imagem */
.avatar-click-form{margin:0!important;padding:0!important;flex:none!important;position:relative!important;z-index:5!important}
.avatar-click-button{display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;cursor:pointer!important;position:relative!important;text-align:left!important}
.avatar-click-button .msn-avatar{pointer-events:none!important}
.avatar-file-input{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.avatar-click-hint{position:absolute;left:4px;right:4px;bottom:3px;height:15px;line-height:15px;text-align:center;font-size:10px;color:#fff;background:rgba(0,82,128,.72);border-radius:0 0 5px 5px;opacity:0;transition:opacity .15s ease;text-shadow:0 1px 1px rgba(0,0,0,.5);pointer-events:none}
.avatar-click-button:hover .avatar-click-hint{opacity:1}
.status-menu-button{width:100%;border:0;background:transparent;text-align:left;font:12px Tahoma,'Segoe UI',Arial,sans-serif;cursor:pointer}
.status-menu-button:hover{background:#d7ebfb}

/* Login com último avatar salvo, igual ao MSN antigo */
.login-avatar{width:96px!important;height:96px!important;border-radius:14px!important}
.login-remembered-name{margin-top:10px;font-size:13px;color:#315a74;text-align:center;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* PWA + animação de login MSN */
.msn-install-float-icon{width:22px;height:22px;border-radius:5px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.85)}
.login-loading-screen{min-height:640px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.95),rgba(222,243,252,.7) 38%,rgba(203,232,245,.82) 100%)}
.login-loading-card{width:240px;min-height:230px;border:1px solid #8fbacf;border-radius:9px;background:linear-gradient(180deg,#fff,#e5f3fa);box-shadow:inset 0 1px 0 #fff,0 6px 18px rgba(0,60,96,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px;position:relative;overflow:hidden}
.login-loading-card:before{content:"";position:absolute;left:-50%;right:-50%;top:-55%;height:95%;background:radial-gradient(ellipse at center,rgba(255,255,255,.95),rgba(255,255,255,.08) 65%,transparent 70%);pointer-events:none}
.msn-loader-logo{width:138px;height:104px;position:relative;display:block;z-index:1}
.msn-loader-person{position:absolute;bottom:0;width:52px;height:64px;border-radius:24px 24px 16px 16px / 26px 26px 18px 18px;filter:drop-shadow(0 3px 4px rgba(0,70,95,.25))}
.msn-loader-person:before{content:"";position:absolute;left:50%;top:-33px;transform:translateX(-50%);width:54px;height:54px;border-radius:50%}
.msn-loader-person.green{left:14px;background:radial-gradient(circle at 30% 22%,#dbffd0,#82dc5a 48%,#399f27)}
.msn-loader-person.green:before{background:radial-gradient(circle at 30% 22%,#edffe6,#9ce978 48%,#50b936)}
.msn-loader-person.blue{right:12px;width:62px;height:76px;background:radial-gradient(circle at 34% 22%,#e6fbff,#8ed5f6 48%,#267fba);z-index:2}
.msn-loader-person.blue:before{width:62px;height:62px;top:-40px;background:radial-gradient(circle at 32% 22%,#f2fdff,#a6dff7 48%,#3b8fc3)}
.msn-loader-ring{position:absolute;left:0;right:0;top:41px;height:32px;border-radius:50%;border:7px solid transparent;border-top-color:#ffe15c;border-bottom-color:#ffc21b;filter:drop-shadow(0 0 5px rgba(255,207,35,.85));transform:rotate(-10deg);z-index:3;animation:msnRingSpin 1.05s linear infinite}
.login-loading-title{font:700 16px Tahoma,'Segoe UI',Arial,sans-serif;color:#244d69;z-index:1;margin-top:4px}.login-loading-sub{font:12px Tahoma,'Segoe UI',Arial,sans-serif;color:#6b8292;z-index:1}.login-loading-bar{width:160px;height:8px;border:1px solid #93b6c9;background:#fff;border-radius:8px;overflow:hidden;z-index:1}.login-loading-bar span{display:block;height:100%;width:42%;background:linear-gradient(90deg,#31a5df,#9eeeff,#31a5df);border-radius:8px;animation:msnLoadingBar 1s ease-in-out infinite}
@keyframes msnRingSpin{0%{transform:rotate(-10deg) scaleX(1)}100%{transform:rotate(350deg) scaleX(1)}}
@keyframes msnLoadingBar{0%{transform:translateX(-105%)}100%{transform:translateX(255%)}}