/* Mídias de produto (Google Drive) — selo, galeria, zoom do lightbox e Curadoria de mídias.
   Usa os tokens do Prieto Unified quando a v2 está ativa (--u-*) e cai nos da v1 caso contrário. */

.midia-selo{display:inline-flex;align-items:center;gap:6px;font:400 12px/1 var(--u-font-ui,inherit);color:var(--u-text-muted,var(--muted));white-space:nowrap}
.midia-selo::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--u-success-dot,var(--green))}
.midia-selo[data-estado="SINCRONIZANDO"]::before{background:var(--u-info-dot,var(--blue))}
.midia-selo[data-estado="SEM_CREDENCIAL"]::before,.midia-selo[data-estado="SEM_ACESSO"]::before,.midia-selo[data-estado="ERRO"]::before{background:var(--u-warning-dot,var(--amber))}
.midia-selo[data-estado=""]::before{background:var(--u-border-strong,var(--line-strong))}
#midia-btn-curadoria .midia-contador:empty{display:none}
#midia-btn-curadoria .midia-contador{margin-left:6px;padding:1px 6px;border-radius:9px;font:600 11px/1.4 var(--u-font-code,monospace);background:var(--u-brand-subtle,var(--wine-soft));color:var(--u-brand,var(--wine))}

/* ficha: título da galeria + legenda da fonte (só quando a imagem veio do Drive) */
.midia-galeria-head{display:flex;justify-content:space-between;align-items:baseline;font:600 11px/1.2 var(--u-font-ui,inherit);letter-spacing:.04em;text-transform:uppercase;color:var(--u-text-muted,var(--muted))}
.midia-galeria-head span+span{font:500 11px/1 var(--u-font-code,monospace);letter-spacing:0;color:var(--u-text-faint,var(--faint))}
.midia-legenda{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0;font-size:11.5px;color:var(--u-text-secondary,var(--muted));overflow-wrap:anywhere}
.midia-legenda em{font-style:normal;color:var(--u-text-faint,var(--faint));margin-right:4px}
.midia-tag{display:inline-block;padding:1px 6px;border-radius:var(--u-r-xs,3px);background:var(--u-gold-subtle,var(--gold-bg));color:var(--u-gold-text,var(--gold-ink));font:500 10.5px/1.5 var(--u-font-ui,inherit)}
.catalogo-fiche-photo-main img,.catalogo-fiche-thumb img,.midia-cur-foto img{object-fit:contain}
/* fundo neutro que serve a foto branca, a transparente e a fotografia comum */
.catalogo-fiche-photo-main,.catalogo-fiche-thumb,.midia-cur-foto{background:var(--u-surface,#fff)}

/* lightbox: zoom e fonte */
.catalogo-lightbox-view img{cursor:zoom-in;transition:transform .15s ease-out}
.catalogo-lightbox-view.midia-zoom{overflow:hidden}
.catalogo-lightbox-view.midia-zoom img{cursor:zoom-out;transform:scale(var(--midia-z,2))}
.midia-lightbox-fonte{font-size:12px;color:rgba(255,255,255,.72);overflow-wrap:anywhere}
.midia-lightbox-fonte:empty{display:none}
#midia-lightbox-zoom[aria-pressed="true"]{background:rgba(255,255,255,.22)}
#catalogo-lightbox-download[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.catalogo-lightbox-view img{transition:none}}

/* Curadoria de mídias — área operacional compacta */
dialog.midia-cur{width:min(1080px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border:1px solid var(--u-border,var(--line));border-radius:var(--u-r-lg,8px);background:var(--u-surface,var(--white));color:var(--u-text-primary,var(--ink));box-shadow:var(--u-shadow-pop,0 12px 32px -12px rgba(0,0,0,.3));display:none;flex-direction:column;overflow:hidden}
dialog.midia-cur[open]{display:flex}
dialog.midia-cur::backdrop{background:var(--backdrop,rgba(29,26,23,.4))}
.midia-cur-head{display:flex;justify-content:space-between;gap:16px;padding:18px 20px 12px;border-bottom:1px solid var(--u-border-subtle,var(--line-soft))}
.midia-cur-head h2{margin:2px 0 4px;font:600 18px/1.25 var(--u-font-ui,inherit)}
.midia-cur-head p{margin:0;font-size:12.5px;color:var(--u-text-muted,var(--muted))}
.midia-cur-abas{display:flex;gap:4px;padding:8px 20px 0;border-bottom:1px solid var(--u-border-subtle,var(--line-soft))}
.midia-cur-abas button{border:0;background:none;padding:8px 10px;font:500 13px/1.2 var(--u-font-ui,inherit);color:var(--u-text-muted,var(--muted));border-bottom:2px solid transparent;cursor:pointer}
.midia-cur-abas button.ativo{color:var(--u-text-primary,var(--ink));border-bottom-color:var(--u-brand,var(--wine))}
.midia-cur-abas b{margin-left:4px;font:500 11px/1 var(--u-font-code,monospace);color:var(--u-text-faint,var(--faint))}
.midia-cur-aviso{margin:10px 20px 0;padding:8px 10px;border-radius:var(--u-r-sm,4px);background:var(--u-danger-subtle,var(--red-bg));color:var(--u-danger,var(--red));font-size:12.5px}
.midia-cur-lista{overflow:auto;padding:4px 20px 20px}
.midia-cur-carregando{display:grid;place-items:center;padding:48px}
.midia-cur-item{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid var(--u-border-subtle,var(--line-soft))}
.midia-cur-foto{width:112px;height:112px;padding:4px;border:1px solid var(--u-border,var(--line));border-radius:var(--u-r-md,6px);display:grid;place-items:center;cursor:zoom-in}
.midia-cur-foto img{width:100%;height:100%}
.midia-cur-foto.sem-previa{cursor:default;font-size:11px;color:var(--u-text-faint,var(--faint));text-align:center}
.midia-cur-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.midia-cur-arquivo{font:600 13px/1.35 var(--u-font-ui,inherit);overflow-wrap:anywhere}
.midia-cur-pasta{font:400 11.5px/1.35 var(--u-font-code,monospace);color:var(--u-text-muted,var(--muted));overflow-wrap:anywhere}
.midia-cur-status{font-size:12px;color:var(--u-text-secondary,var(--muted))}
.midia-cur-status[data-status="AMBIGUA"]{color:var(--u-warning,var(--amber))}
.midia-cur-status[data-status="ASSOCIADA"]{color:var(--u-success,var(--green))}
.midia-cur-marcas{display:flex;gap:6px}
.midia-cur-vinculos{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:12.5px}
.midia-cur-vinculos li{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.midia-cur-vinculos b{font:500 12px/1.4 var(--u-font-code,monospace)}
.midia-cur-vinculos em{font-style:normal;font-size:11px;color:var(--u-text-faint,var(--faint))}
.midia-cur-sugestoes,.midia-cur-resultados{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}
.midia-cur-sugestoes>span{width:100%;font-size:11px;color:var(--u-text-faint,var(--faint))}
.midia-chip{display:inline-flex;gap:6px;align-items:baseline;max-width:100%;padding:4px 8px;border:1px solid var(--u-border,var(--line));border-radius:var(--u-r-sm,4px);background:var(--u-surface,var(--white));font:400 12px/1.3 var(--u-font-ui,inherit);color:var(--u-text-secondary,var(--ink));cursor:pointer;text-align:left}
.midia-chip b{font:500 11.5px/1.3 var(--u-font-code,monospace);color:var(--u-text-primary,var(--ink))}
.midia-chip:hover{border-color:var(--u-border-strong,var(--line-strong))}
.midia-chip.ativo{border-color:var(--u-brand,var(--wine));box-shadow:inset 0 0 0 1px var(--u-brand,var(--wine))}
.midia-cur-busca input{width:min(420px,100%);height:30px;margin-top:6px;padding:0 10px;border:1px solid var(--u-border,var(--line));border-radius:var(--u-r-sm,4px);background:var(--u-surface,var(--white));color:inherit;font:400 12.5px/1 var(--u-font-ui,inherit)}
.midia-cur-busca input:focus{outline:2px solid var(--u-brand-line,var(--wine-soft));outline-offset:0;border-color:var(--u-brand,var(--wine))}
.midia-cur-nada{font-size:12px;color:var(--u-text-faint,var(--faint))}
.midia-cur-confirma{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:var(--u-text-secondary,var(--muted))}
.midia-cur-acoes{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.midia-cur .u-vazio{display:grid;justify-items:center;gap:6px;padding:40px 16px;text-align:center}
.midia-cur .u-vazio p{margin:0;font-size:12.5px;color:var(--u-text-muted,var(--muted))}
:root:not([data-ui="v2"]) .midia-cur .u-porco,:root:not([data-ui="v2"]) .midia-cur .u-fio{display:none}
@media (max-width:760px){
  .midia-cur-item{grid-template-columns:80px minmax(0,1fr)}
  .midia-cur-foto{width:80px;height:80px}
  .midia-cur-acoes{grid-column:1/-1;flex-direction:row}
}
