.mesa-media-card{display:flex;flex-direction:column;position:relative;width:100%;min-width:0;overflow:hidden;background:#f2f4f5;color:#222;aspect-ratio:16/9}
.mesa-media-local video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;background:#000}
.mesa-media-preview{display:flex;position:relative;flex:1 1 auto;min-height:140px;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#edf1f3,#dfe5e8)}
.mesa-media-preview img{display:block;width:100%;height:100%;object-fit:cover}
.mesa-media-preview-empty{background:linear-gradient(135deg,#15333a,#557379)}
.mesa-media-play{position:absolute;left:50%;top:50%;width:58px;height:58px;border:2px solid rgba(255,255,255,.92);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 18px rgba(0,0,0,.28)}
.mesa-media-play:after{position:absolute;left:23px;top:16px;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:17px solid #fff;content:""}
.mesa-media-info{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;background:#fff}
.mesa-media-title{min-width:0;margin:0;color:inherit;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.mesa-media-action{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:1px solid #1f6c70;color:#1f6c70;background:#fff;font-size:13px;line-height:1.2;text-decoration:none;transition:background-color .18s ease,color .18s ease}
.mesa-media-action:hover,.mesa-media-action:focus{background:#1f6c70;color:#fff;text-decoration:none}
.mesa-media-map-preview{background:#e7ecec}
.mesa-media-map-pin{position:relative;width:24px;height:24px;border:6px solid #1f6c70;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
.mesa-media-map-pin:after{position:absolute;left:3px;top:3px;width:6px;height:6px;border-radius:50%;background:#fff;content:""}
.mesa-media-document-preview{min-height:170px;background:linear-gradient(135deg,#eef1f2,#dfe5e8)}
.mesa-media-document-icon{position:relative;display:block;width:50px;height:64px;border:2px solid #64777b;border-radius:4px;background:linear-gradient(135deg,#fff 0 75%,#d9e0e2 75%);box-shadow:0 3px 10px rgba(0,0,0,.12)}
.mesa-media-document-icon:after{position:absolute;left:10px;right:10px;top:28px;height:2px;background:#9aa8ab;box-shadow:0 8px #9aa8ab,0 16px #9aa8ab;content:""}
.mesa-media-document .mesa-media-info{align-items:flex-start;flex-direction:column;gap:8px}
.mesa-pdf-status{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;color:#617174;font-size:13px;line-height:1.4}
.mesa-pdf-status-title{font-weight:600;color:#1f6c70}
.mesa-pdf-status-detail{font-size:12px}
a.mesa-pdf-placeholder{cursor:default;text-decoration:none}
a.mesa-pdf-placeholder[aria-disabled="true"]{pointer-events:none}
.mesa-pdf-placeholder .mesa-pdf-status{display:flex;margin-top:8px}
@media(max-width:600px){.mesa-media-info{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 12px}.mesa-media-preview{min-height:112px}.mesa-media-play{width:48px;height:48px}.mesa-media-play:after{left:19px;top:13px;border-top-width:10px;border-bottom-width:10px;border-left-width:14px}}