/* MSNBOT Luz 4.7.2 — Bate-Papo refinado */

/* A página do Bate-Papo termina exatamente antes do Dock. */
body:has(.msn-v33-shell) main.page:not(.auth-page){margin-top:8px!important}
body:has(.msn-v33-shell) .msn-v33-shell{height:100%!important;min-height:0!important}

/* Proporção desktop: mais espaço para a fila e para o cartão do contato. */
@media(min-width:1101px){
  .msn-v33-shell{grid-template-columns:minmax(300px,23%) minmax(430px,1fr) minmax(330px,25%)!important;gap:10px!important}
}

/* Lista de conversas: uma superfície só, sem cartões empilhados. */
.msn-v33-list{padding:4px 7px!important}
.msn-v472-conversation-wrap{position:relative;border-bottom:1px solid color-mix(in srgb,var(--border) 62%,transparent);border-radius:0!important;background:transparent!important}
.msn-v472-conversation-wrap:last-child{border-bottom:0}
.msn-v33-conversation{grid-template-columns:46px minmax(0,1fr)!important;gap:10px!important;padding:10px 30px 10px 6px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;min-height:66px;align-items:center}
.msn-v472-conversation-wrap:hover>.msn-v33-conversation,.msn-v472-conversation-wrap.selected>.msn-v33-conversation{background:color-mix(in srgb,var(--accent,#2878f5) 9%,transparent)!important}
.msn-v33-conversation .contact-avatar{width:46px!important;height:46px!important;min-width:46px!important;font-size:15px!important;overflow:hidden}.msn-v33-conversation .contact-avatar img{width:100%;height:100%;object-fit:cover}
.msn-v33-conversation .conversation-row strong{font-size:13px!important;font-weight:780!important;letter-spacing:-.01em}.msn-v33-conversation .conversation-row small{font-size:11.5px!important;line-height:1.25}.msn-v33-conversation .conversation-row time{font-size:10px!important}.msn-v33-conversation .conversation-meta{font-size:9.5px!important;margin-top:3px!important}
.msn-v472-row-menu-button{position:absolute;right:5px;bottom:9px;width:26px;height:24px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:16px;cursor:pointer;opacity:0;transform:translateY(-2px);transition:.14s;z-index:3}
.msn-v472-conversation-wrap:hover .msn-v472-row-menu-button,.msn-v472-conversation-wrap.selected .msn-v472-row-menu-button,.msn-v472-row-menu-button:focus-visible{opacity:1;transform:none}
.msn-v472-row-menu-button:hover{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink)}
.msn-v33-inbox-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}.msn-v33-inbox-tabs a{font-size:9.5px!important;padding-inline:3px!important}

/* Cabeçalho do Bate-Papo. */
.msn-v33-chat-head{position:relative!important;z-index:80!important;overflow:visible!important}
.msn-v472-head-actions{display:flex!important;align-items:center;gap:2px;position:relative;z-index:81}
.msn-v472-head-actions button{width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--ink);cursor:pointer;padding:7px;transition:.14s}
.msn-v472-head-actions button:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}
.msn-v472-head-actions svg{width:19px;height:19px;fill:currentColor}

/* Card lateral: igual à lógica do Dark — uma linha separa cada função. */
.msn-v33-contact-card .contact-card-section,.msn-v33-contact-card .v472-contact-section{background:transparent!important;box-shadow:none!important;border:0!important;border-top:1px solid var(--border)!important;border-radius:0!important;margin:0!important;padding:0!important}
.v472-contact-section>header{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px}
.v472-contact-section>header strong{font-size:12.5px;font-weight:820}.v472-contact-section>header button{width:29px;height:29px;border:0;border-radius:8px;background:transparent;color:var(--accent,#2878f5);font-size:19px;cursor:pointer}.v472-contact-section>header button:hover{background:color-mix(in srgb,var(--accent,#2878f5) 9%,transparent)}
.msn-v33-contact-card .contact-card-section>summary{background:transparent!important;border:0!important;border-radius:0!important;padding:12px 2px!important}
.v472-applied{display:flex!important;flex-wrap:wrap;gap:5px!important;padding:0 1px 8px!important;margin:0!important}
.v472-chip{display:inline-flex!important;align-items:center;gap:4px;max-width:100%;padding:4px 6px 4px 8px!important;border-radius:7px!important;border:1px solid color-mix(in srgb,var(--accent,#2878f5) 10%,var(--border));background:color-mix(in srgb,var(--accent,#2878f5) 8%,transparent)!important;color:var(--ink)!important;font-size:10.5px!important;line-height:1.2}.v472-chip b{font-weight:800}.v472-chip form{display:inline-flex;margin:0}.v472-chip button{width:18px;height:18px;border:0;background:transparent;color:var(--muted);border-radius:50%;cursor:pointer;font-size:15px;line-height:16px;padding:0}.v472-chip button:hover{background:color-mix(in srgb,#e23d4d 12%,transparent);color:#d83343}
.v472-inline-picker{padding:0 0 10px;position:relative}.v472-inline-picker>input{width:100%;height:34px!important;border-radius:10px!important;padding:7px 9px!important;font-size:11px!important;margin:0!important}.v472-suggestions{display:grid;gap:2px;margin-top:5px;max-height:190px;overflow:auto}.v472-suggestions button{width:100%;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left;padding:7px 8px;cursor:pointer;font-size:11px}.v472-suggestions button:hover,.v472-suggestions button:focus-visible{background:color-mix(in srgb,var(--accent,#2878f5) 10%,transparent);outline:0}.v472-suggestions code{float:right;color:var(--accent,#2878f5);font-size:9px}
.v472-field-editor{margin-top:6px}.v472-field-editor label{display:flex;align-items:center;gap:4px;margin:0;padding:0;font-size:11px}.v472-field-editor strong{white-space:nowrap}.v472-field-editor input{min-width:0;flex:1;height:31px!important;border:0!important;border-bottom:1px solid var(--accent,#2878f5)!important;border-radius:0!important;background:transparent!important;padding:4px 2px!important;box-shadow:none!important}
.etiq-settings-row{display:flex!important;align-items:center;gap:8px}.etiq-settings-row>.grow{min-width:0;flex:1}.etiq-settings-row>form:last-child{margin-left:auto}

/* Balões e ações por mensagem. */
.message-bubble-v33{position:relative!important;border-radius:10px!important;box-shadow:0 1px 2px rgba(0,0,0,.12)!important;margin-bottom:2px}
.msn-v472-message-menu-button{position:absolute;right:4px;top:3px;width:24px;height:22px;border:0;border-radius:7px;background:color-mix(in srgb,currentColor 5%,transparent);color:inherit;cursor:pointer;opacity:0;z-index:4;font-size:15px;line-height:18px;transition:.13s}.message-bubble-v33:hover .msn-v472-message-menu-button,.msn-v472-message-menu-button:focus-visible{opacity:.76}.msn-v472-message-menu-button:hover{opacity:1;background:color-mix(in srgb,currentColor 10%,transparent)}
.msn-v472-reactions{position:absolute;bottom:-13px;left:9px;display:inline-flex;gap:2px;z-index:5}.message-bubble-v33.outgoing .msn-v472-reactions{left:auto;right:9px}.msn-v472-reactions span{display:grid;place-items:center;min-width:27px;height:23px;padding:0 5px;border-radius:12px;border:1px solid var(--border);background:var(--panel,#fff);box-shadow:0 1px 4px rgba(0,0,0,.12);font-size:15px}.message-bubble-v33:has(.msn-v472-reactions){margin-bottom:15px}

/* Menus são portais no body, portanto nunca ficam atrás da conversa. */
.msn-v472-portal-menu{position:fixed;z-index:5000;min-width:235px;max-width:min(330px,calc(100vw - 20px));padding:6px;border:1px solid var(--border);border-radius:13px;background:var(--panel,#fff);color:var(--ink);box-shadow:0 18px 48px rgba(0,0,0,.28);display:grid;gap:1px}.msn-v472-portal-menu[hidden]{display:none!important}.msn-v472-portal-menu button,.msn-v472-portal-menu .menu-row{border:0;border-radius:8px;background:transparent;color:inherit;padding:9px 10px;text-align:left;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:9px}.msn-v472-portal-menu button:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}.msn-v472-portal-menu hr{width:100%;border:0;border-top:1px solid var(--border);margin:4px 0}.msn-v472-portal-menu .danger{color:#d73b4d}.msn-v472-portal-menu .reaction-row{display:flex;gap:3px;padding:5px}.msn-v472-portal-menu .reaction-row button{font-size:19px;padding:5px 7px}.msn-v472-forward-search{height:34px!important;border-radius:9px!important;margin:4px!important;width:calc(100% - 8px)!important;padding:6px 8px!important}.msn-v472-forward-list{max-height:260px;overflow:auto;display:grid;gap:1px}

/* Dark mantém contraste; light deixa de sobrepor cartões brancos extras. */
html[data-theme="dark"] .msn-v472-portal-menu{background:#172331;border-color:#34465a;color:#f3f7fb}
html[data-theme="dark"] .v472-chip{color:#f1f5fa!important}
html[data-theme="light"] .msn-v33-contact-card .contact-card-section,html[data-theme="light"] .msn-v33-contact-card .v472-contact-section{background:transparent!important}

@media(max-width:1100px){.msn-v33-inbox-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:720px){.msn-v33-inbox-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.msn-v33-inbox-tabs a:nth-child(4){display:none}.msn-v472-head-actions button{width:31px;height:31px;padding:6px}.msn-v472-head-actions button[data-v472-call]{display:none}.msn-v472-row-menu-button{opacity:.75}}
