/* V94 — tela Fantasias compacta e mobile-first.
   Escopo visual exclusivo de #screen-kids. Não altera regras de GPS, cadastro, fotos ou exclusão. */

#screen-kids{
  padding:10px 8px!important;
}
#screen-kids .section-card{
  max-width:760px!important;
  padding:12px!important;
  border-radius:16px!important;
}
#screen-kids .section-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:8px!important;
}
#screen-kids .section-head .eyebrow{
  margin:0 0 3px!important;
  font-size:.66rem!important;
  line-height:1.15!important;
  letter-spacing:.12em!important;
}
#screen-kids .section-head h3{
  margin:0!important;
  font-size:1.22rem!important;
  line-height:1.08!important;
}
#screen-kids #addChildBtn{
  min-height:40px!important;
  height:40px!important;
  padding:0 12px!important;
  border-radius:11px!important;
  font-size:.75rem!important;
  white-space:nowrap!important;
}

/* GPS deste aparelho: uma faixa compacta, sem grande bloco vertical */
#screen-kids .device-selection-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px 10px!important;
  margin:8px 0 10px!important;
  padding:9px 10px!important;
  border-radius:13px!important;
}
#screen-kids .device-selection-card>div:first-child{
  gap:2px!important;
  min-width:0!important;
}
#screen-kids .device-selection-card b{
  font-size:.79rem!important;
  line-height:1.1!important;
}
#screen-kids .device-selection-card span:not(.status-pill){
  font-size:.66rem!important;
  line-height:1.3!important;
}
#screen-kids .device-selection-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(74px,1fr))!important;
  gap:5px!important;
  align-items:center!important;
  justify-content:end!important;
}
#screen-kids #deviceFantasyCount{
  grid-column:1/-1!important;
  justify-self:end!important;
  padding:4px 7px!important;
  font-size:.58rem!important;
  line-height:1!important;
}
#screen-kids #selectAllFantasiesBtn,
#screen-kids #clearFantasiesBtn{
  min-height:34px!important;
  height:34px!important;
  padding:0 9px!important;
  font-size:.68rem!important;
  border-radius:9px!important;
}

/* Lista */
#screen-kids .children-list{
  gap:8px!important;
  margin-top:8px!important;
}

/* Card: foto pequena + conteúdo; ações compactas abaixo */
#screen-kids .child-card-v07{
  position:relative!important;
  display:grid!important;
  grid-template-columns:60px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:6px 9px!important;
  align-items:start!important;
  padding:9px!important;
  border-radius:13px!important;
}
#screen-kids .child-card-v07 .child-avatar{
  width:60px!important;
  height:60px!important;
  border-radius:12px!important;
  align-self:start!important;
}
#screen-kids .child-card-v07 .child-main{
  min-width:0!important;
  padding-right:2px!important;
}
#screen-kids .child-card-v07 .child-main h4{
  margin:0 0 1px!important;
  font-size:.92rem!important;
  line-height:1.05!important;
}
#screen-kids .child-card-v07 .child-main p{
  margin:0!important;
  font-size:.67rem!important;
  line-height:1.18!important;
}
#screen-kids .child-card-v07 .photo-counter{
  display:inline-block!important;
  margin:2px 0 3px!important;
  font-size:.62rem!important;
  line-height:1!important;
}

/* Miniaturas ficam em uma faixa curta, horizontal */
#screen-kids .child-card-v07 .child-photo-strip{
  display:flex!important;
  gap:4px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-width:100%!important;
  padding:1px 0 0!important;
  scrollbar-width:none!important;
}
#screen-kids .child-card-v07 .child-photo-strip::-webkit-scrollbar{
  display:none!important;
}
#screen-kids .child-card-v07 .mini-photo{
  flex:0 0 46px!important;
  width:46px!important;
  height:46px!important;
  border-radius:8px!important;
}
#screen-kids .child-card-v07 .mini-photo button{
  width:16px!important;
  height:16px!important;
  top:2px!important;
  right:2px!important;
  font-size:.66rem!important;
}

/* Ações em 2 colunas; excluir perde protagonismo e ocupa apenas meia célula */
#screen-kids .child-card-v07 .child-actions{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:5px!important;
  width:100%!important;
  margin:0!important;
}
#screen-kids .child-card-v07 .child-actions > button,
#screen-kids .child-card-v07 .child-upload-btn{
  min-width:0!important;
  width:100%!important;
  min-height:34px!important;
  height:34px!important;
  padding:0 7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:9px!important;
  font-size:.66rem!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
#screen-kids .child-card-v07 .child-actions > button[data-track-child]{
  order:1!important;
}
#screen-kids .child-card-v07 .child-actions > button[data-edit-child]{
  order:2!important;
}
#screen-kids .child-card-v07 .child-photo-source-actions{
  order:3!important;
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:5px!important;
  width:100%!important;
}
#screen-kids .child-card-v07 .child-actions > button[data-del-child]{
  order:4!important;
  grid-column:2!important;
  min-height:30px!important;
  height:30px!important;
  justify-self:stretch!important;
  font-size:.62rem!important;
  opacity:.82!important;
  color:#ffd8d8!important;
  border-color:rgba(255,92,92,.25)!important;
  background:rgba(120,34,34,.12)!important;
}

/* Telas estreitas: evita qualquer estouro e mantém toque confortável */
@media(max-width:520px){
  #screen-kids{
    padding:8px 7px!important;
  }
  #screen-kids .section-card{
    padding:10px!important;
    border-radius:14px!important;
  }
  #screen-kids .section-head h3{
    font-size:1.08rem!important;
  }
  #screen-kids #addChildBtn{
    min-height:38px!important;
    height:38px!important;
    padding:0 10px!important;
    font-size:.7rem!important;
  }
  #screen-kids .device-selection-card{
    grid-template-columns:1fr!important;
    gap:6px!important;
    padding:8px 9px!important;
  }
  #screen-kids .device-selection-actions{
    grid-template-columns:auto 1fr 1fr!important;
    width:100%!important;
  }
  #screen-kids #deviceFantasyCount{
    grid-column:auto!important;
    justify-self:start!important;
    align-self:center!important;
  }
  #screen-kids #selectAllFantasiesBtn,
  #screen-kids #clearFantasiesBtn{
    width:100%!important;
  }
  #screen-kids .child-card-v07{
    grid-template-columns:56px minmax(0,1fr)!important;
    gap:5px 8px!important;
    padding:8px!important;
  }
  #screen-kids .child-card-v07 .child-avatar{
    width:56px!important;
    height:56px!important;
  }
  #screen-kids .child-card-v07 .mini-photo{
    flex-basis:44px!important;
    width:44px!important;
    height:44px!important;
  }
  #screen-kids .child-card-v07 .child-actions > button,
  #screen-kids .child-card-v07 .child-upload-btn{
    min-height:33px!important;
    height:33px!important;
    font-size:.63rem!important;
  }
}

@media(max-width:380px){
  #screen-kids .section-head .eyebrow{
    font-size:.59rem!important;
  }
  #screen-kids .section-head h3{
    font-size:1rem!important;
  }
  #screen-kids .device-selection-actions{
    grid-template-columns:1fr 1fr!important;
  }
  #screen-kids #deviceFantasyCount{
    grid-column:1/-1!important;
  }
  #screen-kids .child-card-v07 .child-actions > button,
  #screen-kids .child-card-v07 .child-upload-btn{
    font-size:.6rem!important;
  }
}


/* V95 — cabeçalho informativo + 3 fotos iguais lado a lado */
#screen-kids .child-card-v07{
  display:block!important;
  padding:9px!important;
}
#screen-kids .child-card-v07 .child-avatar{
  display:none!important;
}
#screen-kids .child-card-v07 .child-main{
  width:100%!important;
  padding:0!important;
}
#screen-kids .fantasy-card-head{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  width:100%!important;
  padding:0 1px 7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  white-space:nowrap!important;
}
#screen-kids .fantasy-card-head::-webkit-scrollbar{
  display:none!important;
}
#screen-kids .fantasy-card-name{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  flex:0 0 auto!important;
  font-size:.83rem!important;
  line-height:1!important;
  color:#fff!important;
  letter-spacing:-.01em!important;
}
#screen-kids .fantasy-card-avatar{
  font-size:1rem!important;
  line-height:1!important;
}
#screen-kids .fantasy-head-chip{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  min-height:24px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.045)!important;
  color:#dbe4ed!important;
  font-size:.59rem!important;
  font-weight:800!important;
  line-height:1!important;
}
#screen-kids .fantasy-head-chip.costume{
  color:#e8dcff!important;
  border-color:rgba(142,92,255,.24)!important;
  background:rgba(142,92,255,.09)!important;
}
#screen-kids .fantasy-head-chip.participation.on{
  color:#d9ffe6!important;
  border-color:rgba(91,214,130,.28)!important;
  background:rgba(52,168,92,.10)!important;
}
#screen-kids .fantasy-head-chip.participation.pending{
  color:#ffe6ad!important;
  border-color:rgba(255,190,77,.28)!important;
  background:rgba(255,174,43,.09)!important;
}
#screen-kids .fantasy-head-chip.participation.off{
  color:#c4ced8!important;
}
#screen-kids .fantasy-head-chip.photo-count{
  color:#d7e8f7!important;
  margin-left:auto!important;
}

/* Nenhuma foto ganha destaque: todas ocupam exatamente 1/3 da linha. */
#screen-kids .child-card-v07 .child-photo-strip{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
  padding:0 0 7px!important;
}
#screen-kids .child-card-v07 .mini-photo{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1.16/1!important;
  min-width:0!important;
  flex:none!important;
  border-radius:10px!important;
}
#screen-kids .child-card-v07 .mini-photo-open,
#screen-kids .child-card-v07 .mini-photo-open img{
  position:static!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  border-radius:inherit!important;
}
#screen-kids .child-card-v07 .mini-photo-open{
  border:0!important;
  background:transparent!important;
  padding:0!important;
}
#screen-kids .child-card-v07 .mini-photo-open img{
  object-fit:cover!important;
}
#screen-kids .child-card-v07 .mini-photo-delete{
  position:absolute!important;
  width:19px!important;
  height:19px!important;
  top:3px!important;
  right:3px!important;
  font-size:.7rem!important;
}
#screen-kids .child-card-v07 .child-photo-empty{
  display:none!important;
}
#screen-kids .child-card-v07 .child-actions{
  margin-top:0!important;
}

@media(max-width:520px){
  #screen-kids .fantasy-card-head{
    gap:4px!important;
    padding-bottom:6px!important;
  }
  #screen-kids .fantasy-card-name{
    font-size:.78rem!important;
  }
  #screen-kids .fantasy-head-chip{
    min-height:22px!important;
    padding:4px 6px!important;
    font-size:.55rem!important;
  }
  #screen-kids .child-card-v07 .child-photo-strip{
    gap:5px!important;
    padding-bottom:6px!important;
  }
}


/* V97 — corrige miniaturas: regra antiga de 16x16 deve valer somente para excluir */
#screen-kids .child-card-v07 .mini-photo button.mini-photo-open{
  position:absolute!important;
  inset:0!important;
  top:0!important;
  right:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:inherit!important;
  background:transparent!important;
  display:block!important;
  overflow:hidden!important;
}
#screen-kids .child-card-v07 .mini-photo button.mini-photo-open img{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  border-radius:inherit!important;
}
#screen-kids .child-card-v07 .mini-photo button.mini-photo-delete{
  position:absolute!important;
  inset:auto!important;
  top:3px!important;
  right:3px!important;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  min-height:19px!important;
  z-index:5!important;
  border-radius:50%!important;
}