/* A.A.M v21.4.70 — Ajustes Premium Escopados
   Regras limitadas exclusivamente a #settings. */
#settings .aam-settings-shell{
  padding:14px;
  background:transparent;
  border:0;
  box-shadow:none;
}
#settings .aam-settings-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
#settings .aam-settings-summary-card{
  min-width:0;
  padding:12px;
  border:1px solid rgba(218,174,66,.22);
  border-radius:16px;
  background:rgba(255,255,255,.018);
}
#settings .aam-settings-summary-label{
  display:block;
  margin-bottom:5px;
  color:rgba(255,255,255,.52);
  font-size:.68rem;
  letter-spacing:.09em;
  text-transform:uppercase;
}
#settings .aam-settings-summary-value{
  display:block;
  overflow:hidden;
  color:rgba(255,255,255,.92);
  font-size:.88rem;
  font-weight:720;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#settings .aam-settings-accordion{
  display:flex;
  flex-direction:column;
  gap:10px;
}
#settings .aam-settings-section{
  overflow:hidden;
  border:1px solid rgba(218,174,66,.20);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.010));
}
#settings .aam-settings-toggle{
  list-style:none;
  min-height:64px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  cursor:pointer;
  user-select:none;
}
#settings .aam-settings-toggle::-webkit-details-marker{display:none}
#settings .aam-settings-icon{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(218,174,66,.24);
  border-radius:12px;
  background:rgba(218,174,66,.07);
}
#settings .aam-settings-heading{min-width:0;flex:1}
#settings .aam-settings-heading strong{
  display:block;
  color:rgba(255,255,255,.94);
  font-size:.97rem;
}
#settings .aam-settings-heading > span{
  display:block;
  margin-top:3px;
  overflow:hidden;
  color:rgba(255,255,255,.52);
  font-size:.77rem;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#settings .aam-settings-chevron{
  color:rgba(218,174,66,.72);
  transition:transform .16s ease;
}
#settings details[open] .aam-settings-chevron{transform:rotate(90deg)}
#settings .aam-settings-content{
  padding:0 14px 12px;
  border-top:1px solid rgba(255,255,255,.055);
}
#settings .aam-settings-content .row{
  margin:0;
  padding:13px 0;
  border-bottom:1px solid rgba(255,255,255,.055);
}
#settings .aam-settings-content .row:last-child{border-bottom:0}
#settings .aam-settings-content .row > div:first-child{min-width:0}
#settings .aam-settings-content .row strong{font-size:.96rem}
#settings .aam-settings-content .row small{line-height:1.35}
#settings .aam-settings-content .btn{flex:0 0 auto}
#settings .aam-settings-account .aam-settings-content .danger{
  border-color:rgba(232,88,88,.34);
}
@media (max-width:720px){
  #settings .aam-settings-summary{grid-template-columns:1fr 1fr}
  #settings .aam-settings-summary-card:last-child{grid-column:1/-1}
  #settings .aam-settings-shell{padding:8px 0}
  #settings .aam-settings-content .row{
    align-items:center;
    gap:12px;
  }
  #settings .aam-settings-content .row > div:first-child{flex:1}
}


/* A.A.M v21.4.87 — refinamentos consolidados da área Ajustes.
   Conteúdo preservado de settings-refine.css; mantido no final para conservar a cascata original. */
/* A.A.M v21.4.70 — Refino visual de Ajustes
   Escopo exclusivo de #settings. */

#settings .aam-settings-summary-card{
  min-height:78px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

#settings .aam-settings-summary-value{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.22;
}

#settings .aam-settings-summary-sub{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.48);
  font-size:.74rem;
  font-weight:500;
  line-height:1.2;
}

/* Aparência: título/status em bloco superior e controles abaixo */
#settings .aam-settings-appearance .visual-scale-row,
#settings .aam-settings-appearance .interface-mode-row{
  display:grid;
  grid-template-columns:1fr;
  align-items:start;
  gap:12px;
}

#settings .aam-settings-appearance .visual-scale-row > div:first-child,
#settings .aam-settings-appearance .interface-mode-row > div:first-child{
  width:100%;
}

#settings .aam-settings-appearance .visual-scale-row strong,
#settings .aam-settings-appearance .interface-mode-row strong{
  display:block;
  margin-bottom:4px;
  font-size:1rem;
  line-height:1.2;
}

#settings .aam-settings-appearance .visual-scale-row small,
#settings .aam-settings-appearance .interface-mode-row small{
  display:block;
  margin:0;
  color:rgba(255,255,255,.58);
  font-size:.86rem;
  line-height:1.25;
  white-space:normal;
}

#settings .aam-settings-appearance .visual-scale-control,
#settings .aam-settings-appearance .interface-mode-control{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

#settings .aam-settings-appearance .visual-scale-control .btn,
#settings .aam-settings-appearance .interface-mode-control .btn{
  width:100%;
  min-width:0;
  margin:0;
  padding-left:10px;
  padding-right:10px;
}

@media (max-width:430px){
  #settings .aam-settings-appearance .visual-scale-control,
  #settings .aam-settings-appearance .interface-mode-control{
    gap:8px;
  }

  #settings .aam-settings-appearance .visual-scale-control .btn,
  #settings .aam-settings-appearance .interface-mode-control .btn{
    font-size:.80rem;
    padding-left:6px;
    padding-right:6px;
  }

  #settings .aam-settings-summary{
    grid-template-columns:1fr 1fr;
  }

  #settings .aam-settings-summary-card:last-child{
    grid-column:1/-1;
  }
}