/* Partilhar este momento · the dialog on the archive film pages. Shell tokens only (YouTube neutrals, Roboto, red main action, gold only as the focus ring); flat, no shadows or hairlines. */
.mm-dlg { width: min(860px, calc(100vw - 24px)); max-height: calc(100svh - 24px); padding: 0; border: 0; border-radius: var(--r, 12px); background: var(--paper, #212121); color: var(--ink, #F1F1F1); font-family: var(--f, Roboto, system-ui, Arial, sans-serif); }
.mm-dlg::backdrop { background: rgb(11 10 9 / .72); }
.mm-in { display: grid; gap: 14px; padding: clamp(16px, 3vw, 28px); }
.mm-topo { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mm-topo h2 { margin: 0; font: 700 var(--t-lead, 22px)/1.2 var(--f, Roboto, system-ui, Arial, sans-serif); }
.mm-topo h2:focus { outline: none; }
.mm-nota { margin: 0; font-size: var(--t-small, 16px); line-height: 1.45; color: var(--muted, #AAAAAA); max-width: 62ch; }
.mm-corpo { display: grid; grid-template-columns: minmax(0, 200px) minmax(0, 1fr); gap: 18px; align-items: start; }
.mm-cartao { display: block; width: 100%; aspect-ratio: 9 / 16; height: auto; border-radius: 10px; background: #0B0A09; }
.mm-campos { display: grid; gap: 12px; min-width: 0; }
.mm-campo { display: grid; gap: 6px; font-size: var(--t-small, 16px); }
.mm-campo input { min-height: 52px; padding: 0 14px; border: 2px solid var(--grout, #3F3F3F); border-radius: 10px; background: var(--wall, #0F0F0F); color: var(--ink, #F1F1F1); font: 500 max(16px, var(--t-body, 18px))/1.2 var(--f, Roboto, system-ui, Arial, sans-serif); min-width: 0; }
.mm-acoes { display: flex; flex-wrap: wrap; gap: 10px; }
.mm-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 20px; border: 0; border-radius: 999px; background: var(--tone, #272727); color: var(--ink, #F1F1F1); font: 600 var(--t-small, 16px)/1.2 var(--f, Roboto, system-ui, Arial, sans-serif); text-decoration: none; cursor: pointer; transform: none; }
.mm-btn:hover { background: var(--grout, #3F3F3F); }
.mm-forte { background: var(--verm, #CC0000); color: #fff; }
.mm-forte:hover { background: var(--verm-h, #DD1111); }
.mm-btn:focus-visible, .mm-campo input:focus-visible { outline: 3px solid var(--foco, var(--ink, #F1F1F1)); outline-offset: 2px; }
.mm-estado { margin: 0; min-height: 1.4em; font-size: var(--t-small, 16px); }
.btns .mm-abrir { margin-left: 10px; }
@media (max-width: 560px) { .mm-corpo { grid-template-columns: 1fr; } .mm-cartao { width: min(100%, 200px); } }