/* Окно предупреждения в стиле Windows Vista (Aero Glass): только кнопка «закрыть» */
.aero-ov { position: fixed; inset: 0; z-index: 70; display: grid; place-items: center; padding: 14px; background: rgba(0, 0, 0, .32); animation: aero-fade .18s ease-out; }
.aero-ov.closing { animation: aero-fade-out .17s ease-in forwards; }
.aero-win { position: relative; width: min(440px, 100%); padding: 0 8px 8px; border: 1px solid rgba(15, 35, 65, .9); border-radius: 8px 8px 4px 4px;
  background: linear-gradient(rgba(214, 230, 248, .78), rgba(150, 190, 236, .66) 40%, rgba(124, 172, 228, .72));
  -webkit-backdrop-filter: blur(10px) saturate(1.5); backdrop-filter: blur(10px) saturate(1.5);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .65), 0 10px 34px rgba(0, 0, 0, .65);
  animation: aero-in .24s cubic-bezier(.2, .9, .3, 1); }
.aero-ov.closing .aero-win { animation: aero-out .17s ease-in forwards; }
.aero-win::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: linear-gradient(115deg, rgba(255,255,255,.38) 0, rgba(255,255,255,.38) 28%, transparent 28.2%, transparent 52%, rgba(255,255,255,.2) 52.2%, rgba(255,255,255,.08) 70%, transparent 70.2%); }
.aero-win::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: rgba(255, 255, 255, .6); opacity: 0; }
.aero-win.flash::after { animation: aero-flash .4s step-end 3; }
.aero-cap, .aero-body { position: relative; z-index: 1; }
.aero-cap { height: 30px; display: flex; align-items: center; justify-content: space-between; padding-left: 4px; touch-action: none; user-select: none; -webkit-user-select: none; }
.aero-title { color: #000; font-size: 12px; text-shadow: 0 0 9px #fff, 0 0 6px #fff, 0 0 3px #fff; }
.aero-x { position: relative; align-self: flex-start; width: 47px; height: 19px; margin-right: -6px; padding: 0; border: 1px solid #4a1612; border-top: 0; border-radius: 0 0 5px 5px;
  background: linear-gradient(#e8a9a0 0, #d46c60 48%, #c0382b 52%, #d9604f 100%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5); cursor: default; }
.aero-x::after { content: "✕"; position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font: 700 11px/1 sans-serif; text-shadow: 0 0 3px #4a0f0a; }
.aero-x:hover { background: linear-gradient(#f7c9c2 0, #ee8c7d 48%, #da4a39 52%, #f58a73 100%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7), 0 0 8px 2px rgba(255, 120, 100, .7); }
.aero-x:active { background: linear-gradient(#b8564b 0, #a02a1f 48%, #8c1d12 52%, #b0382a 100%); }
.aero-body { background: #fff; border: 1px solid rgba(35, 55, 85, .75); border-radius: 2px; }
.aero-main { display: flex; gap: 14px; align-items: flex-start; padding: 20px 22px 22px; }
.aero-ico { flex: none; display: block; width: 40px; height: 40px; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .35)); }
.aero-ico svg { width: 40px; height: 40px; stroke-width: 1; }
.aero-head { color: #003399; font-size: 1.25em; line-height: 1.3; margin-bottom: 8px; word-break: break-word; }
.aero-text { color: #000; line-height: 1.4; }
.aero-foot { display: flex; justify-content: flex-end; padding: 10px 14px; background: #f0f0f0; border-top: 1px solid #dfdfdf; }
.aero-ok { min-width: 75px; animation: aero-pulse 1.6s ease-in-out infinite; }
.aero-ok:focus-visible { outline: none; }

@keyframes aero-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes aero-fade-out { to { opacity: 0; } }
@keyframes aero-in { from { opacity: 0; transform: scale(.88); } to { opacity: 1; transform: scale(1); } }
@keyframes aero-out { to { opacity: 0; transform: scale(.94); } }
@keyframes aero-flash { 0% { opacity: 1; } 50% { opacity: 0; } }
@keyframes aero-pulse {
  0%, 100% { box-shadow: inset 0 0 0 1px #9ed8f7, 0 0 2px 1px rgba(110, 190, 240, .55); border-color: #2c628b; }
  50% { box-shadow: inset 0 0 0 1px #9ed8f7, 0 0 8px 3px rgba(80, 185, 255, .95); border-color: #3c7fb1; }
}