/* Configurações > edição de serviço. Apenas apresentação, sem alterar persistência. */
#setserviced{
  padding:0;
  max-height:90dvh;
  overflow:auto;
}
#setserviced #setservicef.settings-service-editor{
  padding:13px;
  gap:10px;
}
#setserviced #setservicetitle{margin:1px 0 3px;font-size:20px}
#setserviced .settings-service-essential{gap:8px}
#setserviced .settings-service-check{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:13px;
  font-weight:650;
  color:#dfedf3;
}
#setserviced .settings-service-check input{
  width:22px;
  min-width:22px;
  min-height:22px;
  margin:0;
}
#setserviced #setservicebasewrap[hidden]{display:none!important}
#setserviced .settings-service-advanced{
  border:1px solid #21485b;
  border-radius:11px;
  background:#0a2532;
  overflow:hidden;
}
#setserviced .settings-service-advanced>summary{
  padding:12px 13px;
  min-height:44px;
  cursor:pointer;
  font-weight:780;
  font-size:13px;
  list-style:none;
}
#setserviced .settings-service-advanced>summary::-webkit-details-marker{display:none}
#setserviced .settings-service-advanced>summary::after{
  content:"⌄";
  float:right;
  color:#9bb7c5;
}
#setserviced .settings-service-advanced[open]>summary::after{content:"⌃"}
#setserviced .settings-service-advanced>.stack{
  padding:11px;
  border-top:1px solid #21485b;
}
#setserviced .settings-service-footer{
  position:sticky;
  bottom:-13px;
  z-index:2;
  margin:1px -13px -13px;
  padding:9px 13px 12px;
  background:#081a24;
  border-top:1px solid #254454;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
#setserviced .settings-service-footer button{
  width:100%;
  min-width:0;
  min-height:44px;
  padding:9px 12px;
  font-size:14px;
}
@media(max-width:370px){
  #setserviced .settings-service-essential{grid-template-columns:1fr}
  #setserviced #setservicef.settings-service-editor{padding:10px}
  #setserviced .settings-service-footer{bottom:-10px;margin:0 -10px -10px;padding:8px 10px 11px}
}