/* Coleções — complementa amor-quadrado-app.css (mesmo visual aprovado). */
/* Lateral proporcional à espessura: 6 mm é linha fina; 3 cm aparece grossa. */
.fm-collections-app .fm-aq-app__tile,.fm-aq-app--portal.fm-collections-app .fm-aq-app__tile{box-shadow:var(--edge,1px) var(--edge,1px) 0 var(--aq-edge),0 6px 14px -6px rgba(0,0,0,.35)}
.fm-collections-app .is-wall .fm-aq-app__tile{box-shadow:var(--edge,1px) var(--edge,1px) 0 var(--aq-edge),0 calc(var(--sh,1px)*4) calc(var(--sh,1px)*8) rgba(35,25,15,.26),0 1px 2px rgba(0,0,0,.12)}
.fm-collections-app .fm-aq-app__edbox{box-shadow:var(--edge,1.5px) var(--edge,1.5px) 0 var(--aq-edge),0 12px 30px -10px rgba(0,0,0,.4)}
.fm-collections-app__pack button{cursor:default;opacity:1}
.fm-collections-app .fm-collections-app__pack button:disabled{opacity:1;color:var(--aq-ink)}
.fm-collections-app .fm-collections-app__pack{grid-template-columns:1fr}
.fm-collections-app .fm-collections-app__sizes--1{grid-template-columns:minmax(0,180px)}
.fm-collections-app .fm-collections-app__sizes--2{grid-template-columns:repeat(2,1fr)}
.fm-collections-app .fm-collections-app__sizes--4{grid-template-columns:repeat(4,1fr);gap:6px}
.fm-collections-app .fm-collections-app__sizes--4 .fm-aq-app__size{padding:6px 3px}
.fm-collections-app .fm-collections-app__sizes--4 .fm-aq-app__size b{font-size:12px}
.fm-collections-app .fm-collections-app__sizes--4 .fm-aq-app__pr{font-size:11.5px}
.fm-collections-app .fm-collections-app__sizes--4 .fm-aq-app__size small{font-size:10.5px}
.fm-collections-app .fm-collections-app__wrap{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;font-size:13px;color:var(--aq-muted)}
.fm-collections-app__wrap[aria-checked="true"] .fm-aq-app__tg{background:var(--aq-accent)}
.fm-collections-app__wrap[aria-checked="true"] .fm-aq-app__tg::after{transform:translateX(16px)}
.fm-collections-app__message{width:100%;border:1.5px solid var(--aq-line);border-radius:12px;padding:10px 12px;font:inherit;font-size:16px;line-height:1.45;resize:vertical;background:var(--aq-panel);color:var(--aq-ink)}
.fm-collections-app__message:focus{outline:2px solid var(--aq-accent);outline-offset:1px;border-color:var(--aq-accent)}
/* Trio Redondo: quadros, recorte e editor em círculo */
.fm-collections-app--round .fm-aq-app__tile,.fm-collections-app--round .fm-aq-app__photo,.fm-collections-app--round .fm-aq-app__empty,.fm-collections-app--round .fm-aq-app__spin,.fm-collections-app--round .fm-aq-app__edbox{border-radius:50%!important}
.fm-collections-app--round .fm-aq-app__tile.is-selected{outline-offset:3px}
.fm-collections-app--round .fm-aq-app__cchip{left:50%;top:6px;transform:translateX(-50%)}
.fm-collections-app__dot{display:inline-block;border-radius:50%;background:#fff;border:1.5px solid #8f8a82;box-shadow:1px 1px 0 #3a3835;margin:0 1px}
.fm-collections-app--round .fm-aq-app__box{align-items:center}
/* Quadrinhos de mesa (Trio de Quadrinhos, Trio Spotify, Duo Spotify) */
@font-face{font-family:"FCF Reenie";src:url("fonts/reenie-beanie.ttf") format("truetype");font-display:swap}
.fm-collections-app--cards .fm-aq-app__tile{background:#fff}
.fm-collections-app--black .fm-aq-app__tile{background:#161616}
.fm-collections-app--cards .fm-aq-app__tile .fm-aq-app__photo,.fm-collections-app--cards .fm-aq-app__tile .fm-aq-app__empty,.fm-collections-app--cards .fm-aq-app__tile .fm-aq-app__spin{inset:auto;left:5.77%;top:4.81%;width:88.46%;height:73.72%}
.fm-collections-app--black .fm-aq-app__tile .fm-aq-app__photo{background:#2a2826}
.fm-collections-app--black .fm-aq-app__tile .fm-aq-app__empty{background:#2a2826;border-color:#4a4642;color:#a39d94}
.fm-collections-app__cap{position:absolute;left:6%;right:6%;top:89.4%;transform:translateY(-50%);text-align:center;font-family:"FCF Reenie","Reenie Beanie",cursive;color:#2a2a2a;line-height:.9;white-space:nowrap;overflow:hidden;pointer-events:none}
.fm-collections-app__cap.is-two{white-space:normal;max-height:2.1em}
.fm-collections-app__cap.is-empty{color:#a29c93}
.fm-collections-app--black .fm-collections-app__cap{color:#f3f0ea}
.fm-collections-app--black .fm-collections-app__cap.is-empty{color:#a7a29a}
/* 1.0.12: a legenda é clicável na prévia (abre o campo ali mesmo); no computador, o contorno mostra onde clicar. */
.fm-collections-app__cap.is-editable{pointer-events:auto;cursor:text;border-radius:.15em}
@media (hover:hover){.fm-collections-app__cap.is-editable:hover{outline:1.5px dashed rgba(214,40,79,.65);outline-offset:.08em}}
.fm-collections-app__heart{display:inline-block;width:.85em;height:.85em;vertical-align:-.1em;margin-left:.2em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.fm-collections-app__cap.is-code{font-size:1.25em}
.fm-collections-app__code{display:block;height:1.9em;width:auto;margin:0 auto;fill:currentColor}
/* A regra geral .fm-aq-app svg (ícones de 20 px) deixava o código do Spotify minúsculo. */
.fm-aq-app .fm-collections-app__code{width:auto;height:1.9em;fill:currentColor;stroke:none}
.fm-collections-app__capedit{display:flex;gap:8px;align-items:center;margin:8px 0 2px}
.fm-collections-app__capedit input{flex:1;min-width:0;border:1.5px solid var(--aq-line);border-radius:12px;padding:9px 12px;font:inherit;font-size:16px;background:var(--aq-panel);color:var(--aq-ink)}
.fm-collections-app__capedit input:focus{outline:2px solid var(--aq-accent);outline-offset:1px;border-color:var(--aq-accent)}
.fm-aq-app .fm-collections-app__heartbtn{display:flex;align-items:center;gap:4px;border:1.5px solid var(--aq-line);border-radius:12px;background:var(--aq-panel);padding:8px 10px;font-size:13px;white-space:nowrap}
.fm-aq-app .fm-collections-app__heartbtn[aria-pressed="true"]{border-color:var(--aq-accent);background:var(--aq-soft);color:var(--aq-accent)}
.fm-collections-app__heartbtn .fm-collections-app__heart{margin:0;width:16px;height:16px}
/* Cena "Na mesa": tampo de madeira, sem sofá nem rodapé */
.fm-aq-app__scene.is-table .fm-aq-app__sofa{display:none}
.fm-aq-app__scene.is-table .fm-aq-app__floor{background:linear-gradient(180deg,#d9c4a5 0,#c8ae8a 14%,#b99d78 100%)}
.fm-aq-app__scene.is-table .fm-aq-app__floor::before{display:none}
.fm-aq-app__scene.is-table .fm-aq-app__walllabel{color:#5c4a3a;opacity:.75}

/* Coleções: painéis de medidas diferentes, controles longos e espaço estável no celular. */
.fm-collections-app .fm-aq-app__body{overflow:visible;max-height:none;flex:none}
.fm-collections-app .fm-aq-app__counts{flex:1;min-width:0}
.fm-collections-app .fm-aq-app__qline{gap:8px}
.fm-collections-app .fm-aq-app__counts button{padding:9px 8px}
.fm-collections-app .fm-aq-app__counts b{white-space:normal}
.fm-collections-app .fm-aq-app__sizes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fm-collections-app .fm-collections-app__sizes--3,.fm-collections-app .fm-collections-app__sizes--5{grid-template-columns:repeat(3,minmax(0,1fr))}
.fm-collections-app .fm-aq-app__size{min-width:0;padding:8px}
.fm-collections-app .fm-aq-app__size b,.fm-collections-app .fm-aq-app__size small{overflow-wrap:anywhere;white-space:normal}
.fm-collections-app .fm-aq-app__size .fm-aq-app__box{height:44px}
.fm-collections-app__mosaic-choice{display:grid;gap:6px;font-size:12px;font-weight:600;min-width:0}
.fm-collections-app__mosaic-choice select{width:100%;max-width:100%;min-width:0;padding:10px 7px;border:1px solid var(--aq-line);border-radius:10px;background:var(--aq-panel);font:inherit;font-size:13px;color:var(--aq-ink)}
.fm-collections-app__mosaic-measures{grid-column:1/-1;font-size:12px;line-height:1.4;color:var(--aq-muted);margin:0}
.fm-collections-app--mosaic .fm-aq-app__tile,.fm-collections-app--mosaic .fm-aq-app__edbox{background:transparent;box-shadow:none!important}
.fm-collections-app--mosaic .fm-aq-app__photo{background:transparent}
.fm-collections-app--mosaic .fm-aq-app__empty{border:0;background:#e7e1d7}
.fm-collections-app--mosaic .fm-aq-app__spin{background:transparent}
.fm-collections-app .fm-aq-app__summary .fm-aq-app__row{min-width:0;flex-wrap:wrap;justify-content:flex-end;overflow-wrap:anywhere}
.fm-collections-app .fm-aq-app__summary>div>span:first-child{flex-shrink:0}
.fm-collections-app__reference{position:absolute;left:8px;right:8px;bottom:48px;text-align:center;pointer-events:none;font-size:12px;color:#5b625f;background:rgba(255,255,255,.88);padding:4px;border-radius:5px;z-index:7}
.fm-collections-app .fm-collections-app__reference-note{font-size:12px;line-height:1.4;color:var(--aq-muted);margin:10px 0}
.fm-collections-app .fm-collections-app__buy{width:100%;font-size:12px;white-space:normal}
.fm-collections-app .fm-aq-app__sheet-box{max-height:90dvh;overflow:auto}
.fm-collections-app .fm-aq-app__sheet-box label{display:grid;gap:5px;margin:10px 0;font-size:13px}
.fm-collections-app .fm-aq-app__sheet-box a.fm-aq-app__cta{text-decoration:none;text-align:center;white-space:normal}
.fm-collections-app .fm-collections-app__ai-open{border:1px solid var(--aq-line);background:var(--aq-panel);color:var(--aq-ink);border-radius:10px;padding:10px 12px;margin-top:8px;width:100%;font-size:12px;text-align:left}
.fm-collections-app__ai{font-size:12px}
.fm-collections-app__ai p{font-size:12px;line-height:1.4;margin:8px 0}
.fm-collections-app__ai [data-ai-history]{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.fm-collections-app__ai [aria-pressed=true]{border-color:var(--aq-accent);background:var(--aq-soft)}
@media(max-width:520px){
 .fm-collections-app .fm-aq-app__body{padding:8px 12px 10px}
 .fm-collections-app .fm-aq-app__foot{gap:10px;padding:9px 12px calc(9px + env(safe-area-inset-bottom,0px))}
 .fm-collections-app .fm-aq-app__foot .fm-aq-app__cta{white-space:normal;text-wrap:balance;padding:6px 12px;min-height:48px;max-width:60%;line-height:1.15}
 .fm-collections-app .fm-aq-app__total b{font-size:17px}.fm-collections-app .fm-aq-app__total span{font-size:12px}
 .fm-collections-app .fm-aq-app__stepper small{font-size:12px}
 .fm-collections-app .fm-aq-app__counts b{font-size:13px}
 .fm-collections-app .fm-aq-app__size b{font-size:12px}.fm-collections-app .fm-aq-app__size small{font-size:12px}
 .fm-collections-app .fm-aq-app__size .fm-aq-app__box{display:none}
 .fm-collections-app .fm-aq-app__size{padding:7px 5px;gap:2px;line-height:1.25}
 .fm-collections-app .fm-aq-app__optline{gap:6px;font-size:12px;margin-top:8px}
 .fm-collections-app .fm-aq-app__grp{width:100%;justify-content:space-between;gap:6px}
 .fm-collections-app .fm-aq-app__summary>div{gap:6px;align-items:center;font-size:12px;padding:5px 8px}
 .fm-collections-app .fm-aq-app__summary .fm-aq-app__row{gap:3px}
 .fm-collections-app .fm-aq-app__summary .fm-aq-app__seg button{font-size:12px;padding:4px 7px}
 .fm-collections-app .fm-aq-app__summary .fm-collections-app__wrap{font-size:12px}
 .fm-collections-app .fm-aq-app__summary .fm-collections-app__reference-note{font-size:12px;line-height:1.35;margin:7px 8px}
 .fm-collections-app .fm-aq-app__issues:empty{margin:0}
 .fm-collections-app .fm-aq-app__note{font-size:12px;line-height:1.35;margin-top:6px}
 .fm-collections-app .fm-aq-app__acts button{font-size:12px;padding:8px 4px}
 .fm-collections-app .fm-collections-app__sizes--1{grid-template-columns:minmax(0,1fr)}
}

.fm-collections-app__cap.is-two{overflow-wrap:anywhere;word-break:break-word}

/* ==========================================================================
   Rodada 4 (P9): só as coleções. As regras comuns aos trios e às coleções estão no fim de amor-quadrado-app.css.
   Acima, no bloco do celular, as fontes de 9,5 a 11,5 px passaram para 12 px (R1) e o botão do rodapé
   voltou aos 15 px, com até 2 linhas (R13), no lugar dos 12,5 px.
   ========================================================================== */
/* Alvos de 44 px (R11): escolhas do Mosaico, legenda dos quadrinhos, prévia com IA e compra direta do Perfil */
.fm-collections-app .fm-collections-app__mosaic-choice select,
.fm-collections-app .fm-collections-app__capedit input,
.fm-collections-app .fm-collections-app__ai-open,
.fm-collections-app .fm-collections-app__buy{min-height:46px}
.fm-collections-app .fm-collections-app__heartbtn{min-height:46px}
/* Revisão sem a lista de pendências: a margem da lista vazia não ocupa a tela */
.fm-collections-app .fm-aq-app__issues:empty{margin:0}
/* Revisão no celular em grade de 2 colunas (bloco comum, no amor-quadrado-app.css). As regras do celular acima
   centralizavam e quebravam a linha; aqui a célula volta ao alinhamento da grade. */
@media (max-width:899px){
 .fm-collections-app .fm-aq-app__summary>div{gap:1px 6px;padding:4px 8px;font-size:12.5px}
 .fm-collections-app .fm-aq-app__summary .fm-collections-app__reference-note{margin:0;padding:6px 10px}
 .fm-collections-app .fm-aq-app__summary .fm-collections-app__buy{margin:6px 8px;width:auto}
 /* Opções do tamanho uma por linha, com 20 px entre elas: as áreas de toque não se cruzam (R11) */
 .fm-collections-app .fm-aq-app__optline{row-gap:20px}
}
@media (max-width:899px) and (max-height:699px){
 .fm-collections-app .fm-aq-app__summary>div{font-size:12px}
 /* Tamanho com 5 opções (6 Quadros): cartões um pouco mais justos, para o palco ficar com 180 px ou mais */
 .fm-collections-app .fm-aq-app__size{padding-top:5px;padding-bottom:5px}
 .fm-collections-app .fm-aq-app__optline{margin-top:6px}
}
/* Celular comum (700 px de altura ou mais): o corpo do painel volta aos 12 px de cima, para a área de toque do "+"
   não encostar na da aba (R11) */
@media (max-width:520px) and (min-height:700px){
 .fm-collections-app .fm-aq-app__body{padding-top:12px}
}
/* Rótulo visível do campo da legenda (no editor dos quadrinhos) */
.fm-collections-app .fm-collections-app__caplabel{display:block;margin:8px 0 0;font-size:12.5px;font-weight:500;color:var(--aq-muted)}
.fm-collections-app .fm-collections-app__caplabel+.fm-collections-app__capedit{margin-top:4px}
/* Mosaico: o texto da escolha ("Médio · R$ 249,00") cabia cortado no select em 360 px */
.fm-collections-app .fm-collections-app__mosaic-choice select{font-size:12px;padding-left:6px;padding-right:4px}