/* Responsive mobile rules consolidated from the validated v16-v25 patches. */
@media (max-width:639px){
  .lightbox-card{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}
  .lightbox-stage{flex:0 0 46dvh!important;height:46dvh!important;min-height:0!important;max-height:46dvh!important;overflow:hidden!important}
  .lightbox-img-wrap{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:hidden!important}
  .lightbox-img-wrap img,.lightbox-img-wrap video{display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
  .lightbox-panel{position:relative!important;flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:hidden!important}
  .comments-list{min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain}
  .comment-form{z-index:10!important}
  .media-action-menu{z-index:15}.comment-action-menu{z-index:16}

  .lightbox-stage.media-adaptive{position:relative!important;background:#25221f!important;transition:height .18s ease,flex-basis .18s ease}
  .lightbox-stage.media-adaptive.is-landscape{flex:0 0 clamp(220px,calc(100vw / var(--media-ratio,1.5)),42dvh)!important;height:clamp(220px,calc(100vw / var(--media-ratio,1.5)),42dvh)!important;max-height:42dvh!important}
  .lightbox-stage.media-adaptive.is-square{flex:0 0 min(50dvh,100vw)!important;height:min(50dvh,100vw)!important;max-height:50dvh!important}
  .lightbox-stage.media-adaptive.is-portrait{flex:0 0 54dvh!important;height:54dvh!important;max-height:54dvh!important}
  .lightbox-stage.media-adaptive .lightbox-img-wrap{position:relative!important;isolation:isolate}
  .lightbox-media-backdrop{position:absolute;inset:-18px;z-index:0;overflow:hidden;background:#292622}
  .lightbox-media-backdrop:after{content:"";position:absolute;inset:0;background:rgba(28,24,21,.20);pointer-events:none}
  .lightbox-media-backdrop img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;filter:blur(28px) saturate(.92) brightness(.72);transform:scale(1.12);opacity:.96}
  .lightbox-media-main{position:absolute;inset:0;z-index:1;display:grid;place-items:center;overflow:hidden}
  .lightbox-media-main img,.lightbox-media-main video{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;position:relative;z-index:1}
  .lightbox-stage.media-adaptive .mobile-lightbox-counter,.lightbox-stage.media-adaptive .lightbox-nav{z-index:4}

  .media-action-menu summary,.comment-action-menu summary{display:grid!important;place-items:center!important;border:1px solid rgba(90,82,72,.18)!important;background:#f7f0e7!important;color:#514b45!important;box-shadow:none!important}
  .media-action-menu summary{width:38px!important;height:38px!important}
  .comment-action-menu summary{width:34px!important;height:34px!important;border-color:transparent!important;background:transparent!important}
  .media-action-menu[open] summary,.comment-action-menu[open] summary{background:#eee3d6!important}
  .media-action-menu,.comment-action-menu{position:relative!important;z-index:4!important}
  .media-action-menu .action-popover,.comment-action-menu .action-popover{position:absolute!important;left:auto!important;right:0!important;top:auto!important;bottom:calc(100% + 8px)!important;min-width:156px!important;width:max-content!important;max-width:min(220px,calc(100vw - 32px))!important;padding:6px!important;border-radius:14px!important;background:#fffdfa!important;border:1px solid rgba(90,82,72,.16)!important;box-shadow:0 12px 30px rgba(40,32,26,.16)!important;z-index:30!important}
  .media-action-menu .action-popover button,.comment-action-menu .action-popover button{width:100%!important;min-height:42px!important;padding:9px 12px!important;border-radius:9px!important;text-align:left!important;font-size:14px!important}
  .lightbox-panel{overflow:hidden!important}
  .comments-list{position:relative!important;overflow-y:auto!important;z-index:1!important}
  .comment-form{position:relative!important;z-index:40!important;background:var(--surface)!important}
  .comment-action-menu summary,.media-action-menu summary{position:relative!important;z-index:5!important}

  .mobile-admin-entry{display:block;margin:18px 0 6px;padding:0 18px}
  .mobile-admin-entry button{width:100%;border:1px solid rgba(75,65,56,.12);background:#fffdfa;border-radius:16px;min-height:68px;padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left;box-shadow:0 3px 14px rgba(60,48,38,.04)}
  .mobile-admin-entry-icon{width:40px;height:40px;border-radius:12px;background:var(--sage-soft);color:var(--sage);display:grid;place-items:center;font-size:19px;flex:none}
  .mobile-admin-entry button>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
  .mobile-admin-entry strong{font-size:14px}.mobile-admin-entry small{font-size:11px;color:var(--muted);font-weight:400}.mobile-admin-entry-arrow{font-size:24px;color:var(--muted);line-height:1}

  .mobile-stage-social{position:absolute!important;left:16px!important;bottom:14px!important;z-index:8!important;display:flex!important;align-items:center!important;gap:8px!important}
  .mobile-stage-social-btn{min-width:54px!important;height:38px!important;padding:0 12px!important;border:0!important;border-radius:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;background:rgba(35,31,28,.58)!important;color:#fff!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;font-size:13px!important;font-weight:600!important;box-shadow:0 3px 12px rgba(0,0,0,.12)!important}
  button.mobile-stage-social-btn{cursor:pointer!important}.mobile-stage-social-btn svg{width:20px!important;height:20px!important;display:block!important}.mobile-stage-social-btn.active{color:#f0a184!important;background:rgba(50,36,31,.68)!important}
  .detail-social-bar>.detail-social-action{display:none!important}.detail-social-bar{margin-top:8px!important;min-height:40px!important;justify-content:flex-end!important;border-bottom:0!important}.lightbox-info{border-bottom:0!important;padding-bottom:4px!important}.comments-title{display:none!important}.comments-list{border-top:1px solid var(--line)!important;padding-top:4px!important}

  .detail-social-bar .media-action-menu{display:none!important}
  .mobile-stage-actions{position:absolute!important;right:16px!important;bottom:14px!important;z-index:12!important}
  .mobile-stage-actions>summary{list-style:none!important;width:54px!important;height:38px!important;border-radius:20px!important;border:0!important;background:rgba(35,31,28,.58)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:22px!important;line-height:1!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 3px 12px rgba(0,0,0,.12)!important}
  .mobile-stage-actions>summary::-webkit-details-marker{display:none!important}
  .mobile-stage-actions .action-popover{position:absolute!important;right:0!important;left:auto!important;top:auto!important;bottom:calc(100% + 9px)!important;min-width:190px!important;padding:6px!important;border-radius:14px!important;background:#fffdfa!important;color:#332f2b!important;border:1px solid rgba(90,82,72,.16)!important;box-shadow:0 14px 34px rgba(25,20,17,.22)!important;z-index:40!important}
  .mobile-stage-actions .action-popover button{width:100%!important;min-height:42px!important;padding:9px 12px!important;border:0!important;background:transparent!important;text-align:left!important;border-radius:9px!important;font-size:14px!important;color:inherit!important}.mobile-stage-actions .action-popover button.danger{color:#a75a48!important}

  .lightbox-stage{position:relative!important;z-index:1!important}.lightbox-panel{position:relative!important;z-index:30!important}.comment-action-menu{z-index:60!important}.comment-action-menu .action-popover{z-index:999!important}
  .crop-editor,.crop-editor *{box-sizing:border-box}
  .crop-editor{position:fixed;inset:0;z-index:10000;background:#090909;color:#fff;display:grid;grid-template-rows:auto 1fr auto auto;overflow:hidden!important;touch-action:none;width:100vw!important;max-width:100vw!important}
  .crop-editor-top{height:64px;padding:env(safe-area-inset-top,0) 14px 0;display:flex;align-items:center;justify-content:space-between;background:#090909}
  .crop-editor-top strong{font-size:15px;font-weight:600}.crop-editor-top button,.crop-editor-bottom button{width:48px;height:48px;border:0;background:transparent;color:#fff;font-size:34px;line-height:1}
  .crop-editor-top,.crop-editor-canvas,.crop-editor-controls,.crop-editor-bottom{width:100%!important;min-width:0!important;max-width:100vw!important}
  .crop-editor-canvas{min-height:0;display:grid;place-items:center;padding:8px 12px!important;background:#050505;overflow:hidden!important}
  .crop-frame{position:relative;width:min(560px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;height:auto!important;max-height:60dvh!important;margin:0 auto!important;aspect-ratio:var(--crop-ratio);overflow:hidden;border:2px solid #fff;background:#111;touch-action:none}
  .crop-frame[style*="auto"]{width:min(560px,calc(100vw - 24px))!important;height:min(56dvh,calc(100vw - 24px))!important;aspect-ratio:auto!important}
  .crop-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--crop-x) var(--crop-y);transform:scale(var(--crop-zoom));transform-origin:var(--crop-x) var(--crop-y);user-select:none;-webkit-user-drag:none;pointer-events:none}
  .crop-grid{position:absolute;inset:0;pointer-events:none}.crop-grid i{position:absolute;background:rgba(255,255,255,.72)}.crop-grid i:nth-child(1),.crop-grid i:nth-child(2){top:0;bottom:0;width:1px}.crop-grid i:nth-child(1){left:33.333%}.crop-grid i:nth-child(2){left:66.666%}.crop-grid i:nth-child(3),.crop-grid i:nth-child(4){left:0;right:0;height:1px}.crop-grid i:nth-child(3){top:33.333%}.crop-grid i:nth-child(4){top:66.666%}
  .crop-corner{position:absolute;width:26px;height:26px;border-color:#fff;border-style:solid;pointer-events:none}.crop-corner.tl{left:-2px;top:-2px;border-width:5px 0 0 5px}.crop-corner.tr{right:-2px;top:-2px;border-width:5px 5px 0 0}.crop-corner.bl{left:-2px;bottom:-2px;border-width:0 0 5px 5px}.crop-corner.br{right:-2px;bottom:-2px;border-width:0 5px 5px 0}
  .crop-editor-controls{background:#151515;padding:12px 0 8px}.crop-zoom-row{padding:0 18px 10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:12px;color:#cfcfcf}.crop-zoom-row input{width:100%;accent-color:#fff}.crop-zoom-row output{min-width:48px;text-align:right}
  .crop-ratios{width:100%!important;min-width:0!important;max-width:100vw!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible!important;padding:0 4px!important;scrollbar-width:none}.crop-ratios::-webkit-scrollbar{display:none}
  .crop-ratios button{min-width:0!important;width:100%!important;height:82px!important;padding:0 2px!important;border:0;background:transparent;color:#aaa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.crop-ratios button.active{background:#232323;color:#fff}.crop-ratios small{white-space:nowrap!important;font-size:10px!important}.ratio-icon{display:block;width:28px;height:22px;border:2px solid currentColor}.ratio-free{border-style:dashed}.ratio-original{border-radius:2px}.ratio-4-3{width:30px;height:23px}.ratio-16-9{width:34px;height:19px}.ratio-1-1{width:25px;height:25px}
  .crop-editor-bottom{height:72px;padding-bottom:env(safe-area-inset-bottom,0);padding-left:8px!important;padding-right:8px!important;display:flex;align-items:center;justify-content:space-between;background:#202020}.crop-editor-bottom span{font-size:17px;min-width:0!important;flex:1 1 auto!important;text-align:center!important}.crop-editor-bottom button{font-size:30px;flex:0 0 48px!important}
}
@media(min-width:640px){.mobile-admin-entry,.mobile-stage-social,.mobile-stage-actions,.crop-editor{display:none!important}}
