/* Case media viewer v6 — media element is created dynamically, so image popups can never contain a video player. */
.case-media-dialog-v6{width:min(920px,calc(100vw - 28px));height:min(92vh,980px);max-width:none;max-height:none;margin:auto;padding:0;border:1px solid rgba(75,211,255,.38);border-radius:24px;background:#050b18;color:#fff;overflow:hidden;box-shadow:0 45px 150px rgba(0,0,0,.76),0 0 70px rgba(38,170,255,.14)}
.case-media-dialog-v6::backdrop{background:rgba(1,5,14,.88);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px)}
.case-media-shell-v6{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:linear-gradient(155deg,#0b1830,#030713 70%)}
.case-media-head-v6,.case-media-foot-v6{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:rgba(9,22,45,.98)}
.case-media-head-v6{border-bottom:1px solid rgba(103,187,255,.14)}
.case-media-foot-v6{border-top:1px solid rgba(103,187,255,.12)}
.case-media-head-v6>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.case-media-head-v6 span{font-size:8px;font-weight:900;letter-spacing:.14em;color:#5edbff}
.case-media-head-v6 strong{font-size:14px;line-height:1.3;color:#f4f9ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case-media-close-v6,.case-media-foot-v6 button{min-height:38px;padding:0 13px;border-radius:11px;border:1px solid rgba(131,198,255,.18);background:rgba(255,255,255,.035);color:#d8e9ff;font:inherit;font-size:13px;font-weight:800;cursor:pointer;appearance:none}
.case-media-close-v6{width:40px;min-width:40px;padding:0;font-size:23px}
.case-media-close-v6:hover,.case-media-foot-v6 button:hover{border-color:#61dbff;color:#fff}
.case-media-body-v6{min-height:0;overflow:auto;overscroll-behavior:contain;background:#080b0c;display:block;text-align:center;scrollbar-color:#24446a #08101d}
.case-media-image-v6{display:block;width:min(100%,820px);height:auto;margin:0 auto;background:#080b0c}
.case-media-video-v6{display:block;width:min(100%,820px);height:auto;max-height:calc(92vh - 165px);margin:auto;background:#000}
.case-media-foot-v6 span{font-size:9px;line-height:1.35;color:#7d91ad}
.case-media-dialog-v6[open]{animation:caseMediaV6In .18s ease both}
@keyframes caseMediaV6In{from{opacity:0;transform:translateY(8px) scale(.988)}to{opacity:1;transform:none}}
@media(max-width:680px){.case-media-dialog-v6{width:calc(100vw - 14px);height:95vh;border-radius:18px}.case-media-head-v6,.case-media-foot-v6{padding:11px 12px}.case-media-head-v6 strong{font-size:11px}.case-media-head-v6 span{font-size:7px}.case-media-close-v6,.case-media-foot-v6 button{min-height:34px;font-size:12px}.case-media-image-v6,.case-media-video-v6{width:100%}.case-media-foot-v6 span{font-size:7.5px}}