/* Ambient motion and customer notification popover. */
body.mi-client { isolation: isolate; }
body.mi-client .mi-ambient {
 position: fixed; inset: -24px; z-index: -1; overflow: hidden;
 pointer-events: none; user-select: none;
 transform: translate3d(0,0,0); transition: transform 1.8s ease-out;
}
body.mi-client .mi-ambient::before, body.mi-client .mi-ambient::after {
 content: ""; position: absolute; width: min(75vw,850px); height: min(75vw,850px);
 border-radius: 50%; pointer-events: none;
}
body.mi-client .mi-ambient::before {
 top: -15%; left: -12%;
 background: radial-gradient(circle,rgba(190,143,229,.21),rgba(206,176,239,.09) 45%,transparent 70%);
 animation: mi-ambient-drift-one 38s ease-in-out infinite alternate;
}
body.mi-client .mi-ambient::after {
 bottom: -22%; right: -14%;
 background: radial-gradient(circle,rgba(166,143,224,.19),rgba(223,190,229,.10) 45%,transparent 70%);
 animation: mi-ambient-drift-two 46s ease-in-out infinite alternate;
}
@keyframes mi-ambient-drift-one {
 from { transform: translate3d(0,0,0) scale(1); }
 to { transform: translate3d(34px,22px,0) scale(1.045); }
}
@keyframes mi-ambient-drift-two {
 from { transform: translate3d(0,0,0) scale(1.025); }
 to { transform: translate3d(-28px,-24px,0) scale(1); }
}
body.mi-client .mi-ambient.mi-ambient-paused::before,
body.mi-client .mi-ambient.mi-ambient-paused::after { animation-play-state: paused; }
body.mi-client #accountNotifications {
 color: #4d295f; border: 1px solid #dfcceb; border-radius: 11px; background: #f4ecfa;
}
body.mi-client #accountNotifications:hover, body.mi-client #accountNotifications:focus {
 color: #421a5e; background: #eaddf5; border-color: #bc98d6;
}
body.mi-client #accountNotifications .label-info {
 display: inline-block; background: #7131a3; color: #fff; padding: 3px 7px;
 border-radius: 999px; font-size: 10px; line-height: 1.4; margin-left: 4px;
}
body.mi-client .popover-user-notifications {
 width: min(370px,calc(100vw - 24px)); min-width: 0; max-width: calc(100vw - 24px);
 padding: 9px; background: rgba(253,250,255,.97); border: 1px solid #e3d0f0;
 border-radius: 19px; box-shadow: 0 18px 50px #48216c26,inset 0 1px 0 #fff;
 font-family: "Open Sans",Arial,sans-serif; color: #3d2b4b;
}
body.mi-client .popover-user-notifications .popover-inner { border-radius: 13px; }
body.mi-client .popover-user-notifications .popover-title {
 padding: 14px 13px; color: #4e2d63; background: transparent; border-bottom: 1px solid #e7dbf0;
 font-size: 14px; font-weight: 700; border-radius: 12px 12px 0 0;
}
body.mi-client .popover-user-notifications .popover-title:empty { display: none; }
body.mi-client .popover-user-notifications .popover-content {
 padding: 0; max-height: min(440px,65vh); overflow-y: auto; overscroll-behavior: contain;
 scrollbar-width: thin; scrollbar-color: #c9acdf transparent;
}
body.mi-client .popover-user-notifications ul li {
 padding: 5px 0; min-height: 0; border-bottom: 1px solid #e8dcf2;
}
body.mi-client .popover-user-notifications ul li:last-child { border-bottom: 0; }
body.mi-client .popover-user-notifications ul li a {
 display: flex; align-items: flex-start; gap: 12px; padding: 13px 11px;
 border-radius: 11px; color: #3d2b4b; font-size: 13px; line-height: 1.7; text-decoration: none;
}
body.mi-client .popover-user-notifications ul li a:hover,
body.mi-client .popover-user-notifications ul li a:focus {
 background: #efe4f8; color: #432254;
}
body.mi-client .popover-user-notifications ul li a:focus-visible { outline: 2px solid #9861c0; outline-offset: -2px; }
body.mi-client .popover-user-notifications ul li i.fas,
body.mi-client .popover-user-notifications ul li i.far {
 float: none; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px;
 padding: 9px 0; font-size: 16px; text-align: center; background: #ece0f6; color: #75439a;
}
body.mi-client .popover-user-notifications ul li i.fa-check-circle { color: #286344; background: #e5f2e9; }
body.mi-client .popover-user-notifications ul li i.fa-exclamation-triangle,
body.mi-client .popover-user-notifications ul li i.fa-warning { color: #825818; background: #fff2d4; }
body.mi-client .popover-user-notifications ul li i.fa-exclamation-circle { color: #9b3650; background: #fae7ed; }
body.mi-client .popover-user-notifications ul li .message { margin: 0; min-width: 0; overflow-wrap: anywhere; }
body.mi-client .popover-user-notifications ul li.none {
 padding: 24px 17px; color: #796486; font-size: 13px; font-weight: 500; line-height: 1.8;
 background: #f6effb; border-radius: 12px;
}
body.mi-client .popover-user-notifications.bottom > .arrow { border-bottom-color: #dbc4eb; }
body.mi-client .popover-user-notifications.bottom > .arrow::after { border-bottom-color: #fdfaff; }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
 body.mi-client .popover-user-notifications { -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
}
@media (max-width: 767px) {
 body.mi-client .popover-user-notifications { left: 12px !important; right: 12px !important; width: auto; max-width: none; background: #fdfaff; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (max-width: 767px), (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
 body.mi-client .mi-ambient { display: none; transition: none; }
 body.mi-client .mi-ambient::before, body.mi-client .mi-ambient::after { animation: none; }
}
@media print { body.mi-client .mi-ambient { display: none !important; } }

/* Aurora language chooser: light surface, readable links and touch targets. */
body.mi-client .language-popover{width:450px;max-width:calc(100vw - 24px);padding:8px;background:#fdfaff;background-image:none;border:1px solid #dfcdeb;border-radius:18px;box-shadow:0 18px 50px #48216c26,inset 0 1px 0 #fff;font-family:inherit;font-size:14px;color:#392747}
body.mi-client .language-popover .popover-content{padding:6px;max-height:min(480px,65vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9acdf transparent}
body.mi-client .language-popover .popover-content ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0;padding:0;max-width:none;list-style:none;overflow:visible}
body.mi-client .language-popover .popover-content li{float:none;display:block;width:auto;min-width:0;margin:0;padding:0;line-height:1.5}
body.mi-client .language-popover .popover-content li a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:10px;color:#49315f!important;font-size:13px;font-weight:500;line-height:1.5;text-decoration:none;overflow-wrap:anywhere;background:transparent}
body.mi-client .language-popover .popover-content li a:hover,body.mi-client .language-popover .popover-content li a:focus{background:#eee2f8;color:#542783!important;text-decoration:none}
body.mi-client .language-popover .popover-content li a:focus-visible{outline:2px solid #9861c0;outline-offset:-2px}
body.mi-client .language-popover.bottom>.arrow{border-bottom-color:#dfcdeb}
body.mi-client .language-popover.bottom>.arrow:after{border-bottom-color:#fdfaff}
body.mi-client .language-popover.top>.arrow{border-top-color:#dfcdeb}
body.mi-client .language-popover.top>.arrow:after{border-top-color:#fdfaff}
@media(max-width:575px){body.mi-client .language-popover{left:12px!important;right:12px!important;width:auto;max-width:none}body.mi-client .language-popover .popover-content ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
