/* Zenvy Social: viewer imersivo de publicações (não altera Zenvy Play). */
.post-dialog.video-post-dialog,.post-dialog.photo-post-dialog{width:min(1250px,96vw);max-width:1250px;height:min(850px,94dvh);max-height:94dvh;padding:0;overflow:hidden;border:1px solid #ffffff1f;border-radius:15px;background:var(--bg);box-shadow:0 24px 100px #0008}
.post-dialog .detail-layout{height:100%;max-height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px)}
.post-dialog .detail-media{background:#070909;min-height:0;height:100%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}
.post-dialog .detail-media .media-frame{width:100%;height:100%;background:#070909;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.post-dialog .detail-media .slides{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.post-dialog .detail-media .slides > video,.post-dialog .detail-media .slides > img{width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:auto;object-fit:contain;display:block;border-radius:0;background:#070909}
.post-dialog .detail-media .slides > [hidden]{display:none!important}
.post-dialog .detail-info{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--bg)}
.post-dialog .post-head{flex:0 0 auto;height:80px!important;padding:18px 22px!important;margin:0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.post-dialog .post-head .avatar{width:40px;height:40px}
.post-dialog .post-head .row span:not(.avatar){display:flex;flex-direction:column;align-items:flex-start}
.post-dialog .post-head .row span small{font-size:11px;color:var(--muted)}
.post-dialog .detail-caption{padding:18px 22px 13px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap;max-height:160px;overflow:auto;font-size:13px;flex:0 0 auto}
.post-dialog .detail-caption small{display:block;color:var(--muted);margin-top:10px;font-size:11px}
.post-dialog .detail-comments-heading{padding:10px 22px;font-size:13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;flex:0 0 auto}
.post-dialog .detail-comments-heading .ico{width:17px;height:17px}
.post-dialog .detail-comments-heading span{margin-left:auto;color:var(--muted)}
.post-dialog .comments{flex:1;min-height:0;overflow-y:auto;padding:16px 22px;overscroll-behavior:contain}
.post-dialog .comment{margin-bottom:16px;overflow-wrap:anywhere}
.post-dialog .viewer-comment-empty{color:var(--muted);text-align:center;padding:30px 0}
.post-dialog .detail-bottom{flex:0 0 auto;padding:8px 16px 15px;border-top:1px solid var(--line);background:var(--bg)}
.post-dialog .detail-bottom .actions{margin:0;padding:6px 0 8px;display:flex;align-items:center;gap:4px}
.post-dialog .detail-bottom .actions button{min-width:43px;min-height:40px}
.post-dialog .detail-bottom .inline-comment{display:flex;align-items:center;gap:8px;margin:0;padding:8px 0 0}
.post-dialog .detail-bottom .inline-comment input{flex:1;min-width:0}
.post-dialog .detail-bottom .inline-comment button{color:var(--accent);font-weight:700}
.post-dialog>.close{position:fixed;right:20px;top:17px;z-index:100;background:#121716cc;color:#fff;border:1px solid #ffffff50;border-radius:50%;width:44px;height:44px}
.post-dialog .video-viewer-mark{position:absolute;left:16px;top:18px;z-index:2;padding:5px 10px;border-radius:20px;background:#080b0b8e;color:white;font-size:11px;pointer-events:none;letter-spacing:.02em}
.post-dialog .viewer-comments-shortcut{display:none}
.post-dialog .detail-media video::-webkit-media-controls-enclosure{border-radius:0}
.reels-list video[data-reel-video]{object-fit:contain;background:#090c0b;max-height:100%;user-select:none;-webkit-user-select:none}
/* Videos on the feed show the full clip instead of cropping it to the image ratio. */
.post .media-frame video.post-media{aspect-ratio:9/16;object-fit:contain;background:#080a0a;max-height:min(74dvh,720px)}
.demo-post-admin-list{max-height:320px;overflow:auto;margin-top:12px}
.demo-post-admin-list .admin-row img,.demo-post-admin-list .admin-row video{max-width:70px;max-height:75px;object-fit:contain}
@media(max-width:760px){
 .post-dialog.video-post-dialog,.post-dialog.photo-post-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;overflow:hidden}
 .post-dialog .detail-layout{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;min-height:0}
 .post-dialog .detail-media{height:auto;min-height:0;flex:0 0 min(62dvh,610px);max-height:62dvh;width:100%;overflow:hidden}
 .post-dialog .detail-media .media-frame,.post-dialog .detail-media .slides{width:100%;height:100%;max-height:100%}
 .post-dialog .detail-media .slides > video,.post-dialog .detail-media .slides > img{height:100%!important;max-height:100%!important;width:100%;object-fit:contain!important}
 .post-dialog .detail-info{flex:1;min-height:0;height:auto;overflow:hidden}
 .post-dialog .post-head{height:50px!important;padding:6px 14px!important}
 .post-dialog .post-head .avatar{height:30px;width:30px}
 .post-dialog .detail-caption{padding:7px 14px;max-height:70px;font-size:12px}
 .post-dialog .detail-caption small{margin-top:3px}
 .post-dialog .detail-comments-heading{padding:5px 14px;font-size:12px}
 .post-dialog .comments{padding:10px 14px;min-height:15px}
 .post-dialog .detail-bottom{padding:4px 10px max(8px,env(safe-area-inset-bottom))}
 .post-dialog .detail-bottom .actions{padding:0;gap:2px}
 .post-dialog .detail-bottom .actions button{min-width:40px;min-height:36px}
 .post-dialog .detail-bottom .inline-comment{padding-top:3px}
 .post-dialog .detail-bottom .inline-comment input{padding:8px 11px;font-size:12px}
 .post-dialog .video-viewer-mark{left:10px;top:12px;font-size:10px}
 .post-dialog .viewer-comments-shortcut{display:inline-flex;position:absolute;bottom:50px;right:10px;z-index:3;background:#141818af;color:white;padding:6px 9px;border-radius:22px;font-size:11px}
 .post-dialog .viewer-comments-shortcut .ico{width:17px;height:17px}
 .post-dialog>.close{right:9px;top:8px;width:36px;height:36px}
}
@media(max-width:400px){.post-dialog .detail-media{flex-basis:55dvh;max-height:55dvh}.post-dialog .detail-caption{max-height:54px}}

/* Administração: publicação em lote com visualização e feedback, no mesmo painel. */
.demo-publish-dialog{width:min(680px,95vw);max-width:95vw;max-height:90dvh;overflow:auto;padding:25px;border-radius:18px}
.demo-publish-dialog .demo-publish-screen{display:grid;gap:12px}
.demo-publish-dialog h3{margin:0;padding-right:38px}
.demo-publish-dialog .stack{gap:10px}
.demo-publish-dialog .stack textarea{min-height:65px}
.demo-publish-dialog .demo-post-admin-list{max-height:330px;overflow-y:auto;display:grid;gap:10px}
.demo-publish-dialog .demo-post-admin-list .admin-row{display:flex;align-items:center;gap:10px}
.demo-publish-dialog .demo-post-admin-list .admin-row video,.demo-publish-dialog .demo-post-admin-list .admin-row img{height:74px;width:62px;max-height:74px;max-width:62px;object-fit:contain;background:#151515;border-radius:8px}
.demo-publish-dialog .demo-post-admin-list .admin-row span{flex:1;min-width:0;overflow-wrap:anywhere}
.demo-publish-dialog .demo-post-admin-list .admin-row span small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.demo-publish-dialog button[disabled]{opacity:.5;cursor:progress}
.demo-publish-dialog #demo-upload-status{min-height:18px}
@media(max-width:600px){.demo-publish-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0;padding:20px 12px}.demo-publish-dialog .demo-post-admin-list .admin-row{flex-wrap:wrap}}