/* MSNBOT Luz 4.7.6 — Bate-Papo: datas transitórias, mídias, seletores e fundo padronizado */

/* O fundo pertence ao quadro inteiro do histórico, nunca a blocos internos. */
.msn-v33-messages,.msn-messages{
  position:relative!important;
  background-image:var(--chat-wallpaper)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#f5f1e9!important;
}
.msn-v33-messages::before,.msn-messages::before{content:none!important}
.chat-background-video{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}

/* Os separadores continuam no fluxo. O indicador flutuante é transitório e não fica preso sobre as mensagens. */
.v475-day-label,.msn-day-label{position:relative!important;top:auto!important;z-index:2!important}
.v476-date-floater{position:absolute;z-index:18;top:68px;left:50%;transform:translateX(-50%) translateY(-4px);padding:5px 10px;border:1px solid color-mix(in srgb,var(--border,#d7deea) 76%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-solid,#fff) 91%,transparent);box-shadow:0 3px 12px rgba(20,30,50,.14);font-size:9px;font-weight:780;line-height:1;color:var(--muted,#667085);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .14s ease,transform .14s ease,visibility .14s}
.v476-date-floater.is-visible{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
html[data-theme="dark"] .v476-date-floater{background:rgba(25,35,48,.94);border-color:#344255;color:#d3dae5}

/* Mídias sempre permanecem dentro da conversa. */
.v475-chat-image,.v475-chat-video{max-width:min(100%,440px)!important;height:auto!important}
.v475-chat-image{cursor:zoom-in}
.v475-media-placeholder{max-width:100%}

/* Aparência > Imagem de Fundo: ações pequenas e edição em popup. */
.v476-wallpaper-settings{margin-top:10px}
.v476-wallpaper-buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.v476-wallpaper-buttons .small-btn{width:auto!important;min-height:34px;padding:7px 11px;border-radius:10px;font-weight:750}
.v476-wallpaper-dialog{width:min(560px,calc(100vw - 24px));max-width:560px;border:0!important;background:transparent!important;padding:0!important;overflow:visible!important}
.v476-wallpaper-dialog::backdrop{background:rgba(9,15,25,.46);backdrop-filter:blur(3px)}
.v476-wallpaper-card{background:var(--surface-solid,#fff);color:var(--ink,#172033);border:1px solid var(--border,#dce3ed);border-radius:20px;box-shadow:0 26px 80px rgba(13,24,42,.28);padding:18px;display:grid;gap:16px;max-height:min(760px,calc(100dvh - 30px));overflow:auto}
.v476-wallpaper-card>header{display:flex;align-items:flex-start;gap:11px;border-bottom:1px solid var(--border,#dce3ed);padding-bottom:13px}
.v476-wallpaper-card>header>div{display:grid;gap:3px;min-width:0}.v476-wallpaper-card>header strong{font-size:16px}.v476-wallpaper-card>header small{font-size:10px;color:var(--muted,#778197)}
.v476-wallpaper-back{width:32px;height:32px;border:0;background:transparent;color:inherit;border-radius:50%;display:grid;place-items:center;font-size:22px;cursor:pointer;flex:0 0 auto}.v476-wallpaper-back:hover{background:color-mix(in srgb,var(--ink,#172033) 7%,transparent)}
.v476-wallpaper-card form{display:grid;gap:12px;margin:0}.v476-wallpaper-card label{display:grid;gap:7px;font-weight:750;font-size:11px}.v476-wallpaper-card label small{font-weight:500;color:var(--muted,#778197);line-height:1.45}.v476-wallpaper-card input[type="file"]{width:100%;min-width:0}
.v476-wallpaper-guidance{display:grid;gap:6px;padding:12px 13px;border-radius:14px;background:color-mix(in srgb,var(--user-accent,#2878f5) 7%,var(--surface-solid,#fff));border:1px solid color-mix(in srgb,var(--user-accent,#2878f5) 18%,var(--border,#dce3ed));font-size:10px;line-height:1.4}.v476-wallpaper-guidance>b{font-size:11px}.v476-wallpaper-guidance span,.v476-wallpaper-guidance small{color:var(--muted,#667085)}
.v476-reset-wallpaper{padding-top:4px;border-top:1px solid var(--border,#dce3ed)}.v476-reset-wallpaper .small-btn{justify-self:start}
html[data-theme="dark"] .v476-wallpaper-card{background:#18222e;border-color:#344255;color:#f4f7fb}html[data-theme="dark"] .v476-wallpaper-guidance{background:#1d2b3b;border-color:#344a64}html[data-theme="dark"] .v476-wallpaper-card>header,html[data-theme="dark"] .v476-reset-wallpaper{border-color:#344255}

/* O popup inline de Etiquetas/Sequências/Campos não deixa superfície residual. */
.v472-inline-picker[hidden]{display:none!important}

@media(max-width:720px){
  .v476-date-floater{top:57px}
  .v476-wallpaper-buttons{display:grid;grid-template-columns:1fr 1fr}.v476-wallpaper-buttons .small-btn{width:100%!important}
  .v476-wallpaper-dialog{width:100vw!important;max-width:100vw!important;margin:0!important}.v476-wallpaper-card{border-radius:20px 20px 0 0;max-height:calc(100dvh - 8px);padding:16px}
}
@media(prefers-reduced-motion:reduce){.v476-date-floater{transition:none}}