/* Doors Live Messenger: pale glass conversation layout, existing controls intact. */
.msn-butterfly { width: 27px; height: 27px; background: url('public/assets/msn-gloss-brand-r40.f520700b9539.webp') center / contain no-repeat; filter: none; }
.msn-butterfly > i { display: none; }
.msn-profile { margin-left: auto; width: max-content; max-width: 42%; min-width: 0; flex: 0 1 auto; align-self: center; overflow: hidden; text-align: left; }
.msn-window { grid-template-columns: minmax(0, 1fr); min-width: 0; }
.msn-window > * { min-width: 0; }
.msn-profile .msn-profile-toggle { display: flex; align-items: center; gap: 7px; max-width: 100%; min-width: 0; min-height: 24px; padding: 2px 5px; border: 1px solid transparent; border-radius: 3px; background: transparent; color: #263c43; font: 14px/20px Arial,sans-serif; cursor: pointer; text-shadow: 0 1px #fff; box-shadow: none; }
.msn-profile-toggle strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.msn-profile-toggle span { flex: none; color: #000; font-size: 12px; }
.msn-profile .msn-profile-toggle:hover { border-color: #a1c7ce; background: #f5ffff80; }
.msn-profile .msn-profile-toggle:focus-visible { outline: 2px solid #3988a6; outline-offset: 1px; }
.msn-profile .msn-profile-mood { box-sizing: border-box; width: 0; min-width: 100%; margin: 0; padding: 0 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #637c82; font: 12px/20px Arial,sans-serif; }
.msn-profile-dialog { box-sizing: border-box; width: min(420px, calc(100vw - 28px)); max-height: calc(100dvh - 28px); margin: auto; padding: 0; overflow: auto; border: 1px solid #7498a6; border-radius: 9px; background: #eef8fb; color: #294952; font: 14px/1.5 Arial,"Microsoft JhengHei",sans-serif; box-shadow: inset 0 0 0 1px #fff, 0 12px 38px #183d5366; }
.msn-profile-dialog::backdrop { background: #24434e24; }
.msn-profile-form { margin: 0; }
.msn-profile-dialog { position: fixed; inset: 0; height: fit-content; }
.msn-profile-titlebar { cursor: grab; touch-action: none; user-select: none; }
.msn-profile-titlebar.is-dragging { cursor: grabbing; }
.msn-profile-titlebar { display: flex; align-items: center; justify-content: space-between; min-height: 38px; padding: 0 8px 0 16px; border-bottom: 1px solid #adcbd4; background: linear-gradient(115deg,#f8ffff,#c6e9ed 55%,#eaf8fc); box-shadow: inset 0 1px #fff; text-shadow: 0 1px #fff; }
.msn-profile-dialog .msn-profile-dismiss { width: 32px; min-width: 32px; height: 30px; min-height: 30px; padding: 0; border: 1px solid #b1ccd4; border-radius: 0 0 4px 4px; background: linear-gradient(#edf8fa,#c9e0e6); color: #fff; font: 24px/28px Arial,sans-serif; text-shadow: 0 0 5px #fff; cursor: pointer; }
.msn-profile-dialog-body { display: grid; gap: 7px; padding: 20px 24px 24px; background: linear-gradient(110deg,#f6fcfd,#e6f3f7); }
.msn-profile-dialog-brand { margin: 0 0 12px; color: #557b89; font: 16px/1.4 "Segoe UI",Arial,sans-serif; }
.msn-profile-dialog-body label { font-weight: 600; }
.msn-profile-dialog-body input { box-sizing: border-box; width: 100%; min-width: 0; height: 38px; margin: 0 0 9px; padding: 7px 10px; border: 1px solid #9dbbc7; border-radius: 3px; background: #fff; color: #213d48; font: 16px/22px Arial,"Microsoft JhengHei",sans-serif; box-shadow: inset 0 1px 3px #24495913; }
.msn-profile-dialog-body input:focus { outline: 2px solid #79c0d6; outline-offset: 1px; border-color: #478ba2; }
.msn-profile-dialog-actions { display: flex; justify-content: flex-end; gap: 9px; padding: 12px 20px; border-top: 1px solid #c0d8df; background: #e6f2f6; }
.msn-profile-dialog-actions button { min-width: 76px; min-height: 34px; padding: 5px 16px; border: 1px solid #95b3c0; border-radius: 4px; background: linear-gradient(#fff,#dbeaf0); color: #294f61; font: inherit; box-shadow: inset 0 1px #fff, 0 1px 2px #2c526220; cursor: pointer; }
.msn-profile-dialog-actions .msn-profile-confirm { border-color: #5198ae; background: linear-gradient(#f3ffff,#b6e2ed); }
.msn-profile-dialog button:focus-visible { outline: 2px solid #3988a6; outline-offset: 2px; }
.msn-profile-dialog .msn-profile-dismiss { color: #4a6972; text-shadow: 0 1px #fff; }
.msn-profile-dialog .msn-profile-dismiss:hover { color: #fff; background: #c7493e; text-shadow: none; }
.msn-profile-dialog-actions button:hover { border-color: #3988a6; background: linear-gradient(#fff,#c6e9f1); }
@media (max-width: 540px) { .msn-actionbar { gap: 2px; } .msn-actionbar .msn-action { width: 28px; min-width: 28px; } }
.msn-window { border-color: #7a959d; border-radius: 8px; background: #eaf4f6; box-shadow: inset 0 0 0 1px #fff, 0 5px 18px #29495840; }
.msn-glass { color: #223b42; text-shadow: 0 1px #fff; background: linear-gradient(115deg,#f8ffff 0%,#c6e9ed 48%,#eefbff 100%); box-shadow: inset 0 1px #fff; min-height: 32px; }
.msn-glass .window-controls button { color: #4a6972; border-color: #a6c0c8; background: linear-gradient(#edf8fa,#c9e0e6); text-shadow: 0 1px #fff; font: 600 16px/20px Arial, sans-serif; }
.msn-title { font-weight: 400; }
.msn-menu { color: #4c6871; border-bottom: 0; background: #e5f3f6; padding-top: 2px; padding-bottom: 2px; }
.msn-actionbar { grid-row: 3; border-bottom: 1px solid #b2d1d7; background: linear-gradient(#e9f8fa,#c5e7eb 48%,#effbfc); padding: 4px 10px; min-height: 42px; }
.msn-contact-strip { grid-row: 4; padding: 5px 13px; min-height: 38px; background: #f1fafb; border-bottom: 1px solid #c7dade; }
.contact-copy strong { font-size: 13px; font-weight: 400; }
.contact-copy span { display: inline-block; margin-top: 2px; }
.msn-chat-layout { padding: 8px; gap: 8px; grid-template-columns: minmax(0,1fr) 142px; grid-template-rows: minmax(0,1.1fr) minmax(0,1fr); background: linear-gradient(100deg,#eaf6f8,#e4f1f5); }
.msn-conversation { padding: 10px 12px; border: 1px solid #bbd1d8; background: #fff; box-shadow: inset 0 1px 2px #4266740d; }
.msn-side { border: 0; padding: 4px 5px; background: transparent; align-content: start; }
.msn-side-bottom { border: 0; padding-top: 16px; }
.msn-side > .msn-avatar, .msn-avatar-picker {
  transform: scale(1.1);
  transform-origin: top center;
}
.msn-side > .msn-avatar, .msn-avatar-picker > .msn-avatar { border: 6px solid #e6f5f9; border-radius: 8px; box-shadow: 0 0 0 1px #8cabb6, inset 0 0 0 1px white, 1px 3px 3px #365a7140; }
.msn-editor { display: flex; flex-direction: column; min-height: 0; border: 1px solid #b8d0d9; background: #edf7fa; }
.msn-format { flex-shrink: 0; padding: 2px 5px; min-height: 29px; background: linear-gradient(#f9ffff,#d7edf2); border-bottom: 1px solid #b8d0d9; }
.msn-tool-panel { flex-shrink: 0; max-height: 100px; overflow-y: auto; }
.msn-compose { flex: 1; min-height: 0; grid-template-columns: 1fr; grid-template-rows: minmax(0,1fr) auto; padding: 0; gap: 4px; }
.msn-compose > .compose-field { width: 100%; height: 100%; min-height: 0; box-sizing: border-box; border: 0; border-bottom: 1px solid #c0d4dc; border-radius: 0; background: white; padding: 8px; resize: none; overflow: auto; }
.msn-compose .msn-auto-text { display: inline; padding: 0; background: transparent; }
.msn-action { width: 39px; height: 30px; }
.msn-action-icon { width: 24px; height: 24px; background-image: url('public/assets/msn-gloss-icons-r40.ded27cfad79c.webp'); background-size: 240px 24px; background-repeat: no-repeat; transform: none; font-size: 0; filter: none; }
.msn-window .msn-action-icon > *, .msn-window .msn-action-icon::before, .msn-window .msn-action-icon::after { display: none; }
.msn-action-icon.icon-invite { background-position: 0 0; }
.msn-action-icon.icon-game { background-position: -24px 0; }
.msn-action-icon.icon-camera { background-position: -48px 0; }
.msn-action-icon.icon-voice { background-position: -72px 0; }
.msn-action-icon.icon-upload { background-position: -96px 0; }
.msn-format { gap: 3px; }
.msn-format .toolbar-glyph { transform: scale(.72); transform-origin: center; }
.msn-format .glyph-font { font: 700 19px/22px Georgia,serif; }
.msn-format .glyph-font::after { display: none; }
.msn-format .glyph-smile, .msn-format .glyph-wink { background: radial-gradient(circle at 35% 25%,#fffacb,#ffdb50 48%,#db9e21); border-color: #b1943c; box-shadow: inset 1px 1px 2px #fff9, 0 1px 1px #7c692c44; }
.msn-format .glyph-nudge { background: linear-gradient(#f5fdff,#a0c5d9); color: #476a86; border-radius: 50%; border-color: #799db0; }
.msn-format .toolbar-glyph:not(.glyph-more) {
  display: inline-block; width: 24px; height: 24px; min-width: 24px;
  border: 0; border-radius: 0; box-shadow: none; transform: none;
  font-size: 0; color: transparent;
  background: url('public/assets/msn-gloss-icons-r40.ded27cfad79c.webp') no-repeat;
  background-size: 240px 24px;
}
.msn-format .toolbar-glyph:not(.glyph-more)::before,
.msn-format .toolbar-glyph:not(.glyph-more)::after,
.msn-format .toolbar-glyph:not(.glyph-more) > * { display: none; }
.msn-format .toolbar-glyph.glyph-smile { background-position: -120px 0; }
.msn-format .toolbar-glyph.glyph-wink { background-position: -144px 0; }
.msn-format .toolbar-glyph.glyph-nudge { background-position: -168px 0; transform: scale(1.4); transform-origin: center; }
.msn-format > [data-action="msnNudge"] { min-width: 32px; }
.msn-format .toolbar-glyph.glyph-font { background-position: -192px 0; }
.msn-format .toolbar-glyph.glyph-color { background-position: -216px 0; }
/* Pre-filtered transparent artwork at native display densities. */
.msn-butterfly {
  background-image: url('public/assets/msn-small-r51/brand-1x.027ba4bca4b0.webp');
  background-image: image-set(url('public/assets/msn-small-r51/brand-1x.027ba4bca4b0.webp') 1x, url('public/assets/msn-small-r51/brand-2x.99ca3b2e6cc4.webp') 2x, url('public/assets/msn-small-r51/brand-3x.b49d6d415fc1.webp') 3x);
  image-rendering: auto;
}
.msn-action-icon, .msn-format .toolbar-glyph:not(.glyph-more) {
  background-image: url('public/assets/msn-small-r51/toolbar-1x.e94ce2e786aa.webp');
  background-image: image-set(url('public/assets/msn-small-r51/toolbar-1x.e94ce2e786aa.webp') 1x, url('public/assets/msn-small-r51/toolbar-2x.08963f83fecf.webp') 2x, url('public/assets/msn-small-r51/toolbar-3x.6eb9ef8e6e64.webp') 3x);
  image-rendering: auto;
}
.msn-format .toolbar-glyph.glyph-nudge {
  width: 33.6px; height: 33.6px; min-width: 33.6px;
  margin: -4.8px; transform: none;
  background-image: url('public/assets/msn-small-r51/nudge-1x.1a1990e12d6c.webp');
  background-image: image-set(url('public/assets/msn-small-r51/nudge-1x.1a1990e12d6c.webp') 1x, url('public/assets/msn-small-r51/nudge-2x.a41b3fb7004d.webp') 2x, url('public/assets/msn-small-r51/nudge-3x.79f98db2a067.webp') 3x);
  background-position: center; background-size: contain;
}
.msn-format > [data-tool="font"] { order: 4; }
.msn-format .msn-toolbar-split { order: 1; }
.msn-format > [data-action="msnNudge"] { order: 2; }
.msn-format > [data-tool="color"] { order: 5; }
.msn-format .toolbar-spacer { order: 6; }
.msn-format .toolbar-more { order: 7; }
.msn-compose > button { justify-self: end; margin: 0 5px 5px; min-width: 74px; padding: 3px 12px; border: 1px solid #4b99a9; border-radius: 3px; box-shadow: inset 0 1px white, 0 1px 2px #38697640; }
.msn-compose > button:not(:disabled) { color: #174e60; background: linear-gradient(#ebffff,#9ce0ed 55%,#71c5d7); }
.msn-status { background: #eaf5f8; color: #55717a; border-top: 0; padding: 5px 10px; }
@media(max-width:760px) {
  .msn-chat-layout { padding: 5px; gap: 5px; grid-template-columns: minmax(0,1fr) 88px; min-height: 0; }
  .msn-side { padding: 4px; }
  .msn-side > .msn-avatar, .msn-avatar-picker, .msn-avatar-picker > .msn-avatar { width: 68px; height: 68px; }
  .msn-conversation { padding: 8px; }
  .msn-contact-strip { min-height: 32px; padding: 4px 9px; }
  .msn-status { font-size: 9px; }
}