/* Bride Era R14.7.199 · Configurações em abas (3 painéis) */
#cfg199{--cfg-r:calc(18px + 0px);margin:0 0 18px}
#cfg199 .cfg-top{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line,#ece2dd);border-radius:var(--cfg-r);background:linear-gradient(135deg,var(--surface,#fff),color-mix(in srgb,var(--rose,#a0625a) 8%,var(--surface,#fff)));margin-bottom:14px}
#cfg199 .cfg-av{width:48px;height:48px;flex:0 0 48px;border-radius:calc(16px + 0px);display:grid;place-items:center;font-family:var(--serif,"Cormorant Garamond",serif);font-size:1.5rem;color:#fff;background:linear-gradient(135deg,var(--rose,#a0625a),#c8a25a)}
#cfg199 .cfg-id{flex:1;min-width:0}#cfg199 .cfg-id b{display:block;font-size:1.05rem}#cfg199 .cfg-id small{display:block;color:var(--muted,#6f625e);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#cfg199 .cfg-atalhos{display:flex;gap:8px}
#cfg199 .cfg-atalhos button{border:1px solid var(--line,#ece2dd);background:var(--surface,#fff);color:inherit;border-radius:calc(999px + 0px);padding:8px 14px;font:inherit;font-size:.84rem;cursor:pointer;white-space:nowrap}
#cfg199 .cfg-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}
#cfg199 .cfg-abas{position:sticky;top:84px;display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--line,#ece2dd);border-radius:var(--cfg-r);background:var(--surface,#fff)}
#cfg199 .cfg-abas button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;color:inherit;font:inherit;text-align:left;padding:10px 12px;border-radius:calc(12px + 0px);cursor:pointer;transition:background .2s}
#cfg199 .cfg-abas button:hover{background:color-mix(in srgb,var(--rose,#a0625a) 7%,transparent)}
#cfg199 .cfg-abas button[aria-selected="true"]{background:var(--ink,#221a18);color:#fff}
#cfg199 .cfg-abas button span{width:22px;text-align:center}
#cfg199 .cfg-abas button b{flex:1;font-weight:500;font-size:.92rem}
#cfg199 .cfg-abas button i{font-style:normal;font-size:.7rem;opacity:.55}
#cfg199 .cfg-abas button[hidden]{display:none}
#cfg199 .cfg-sec-t{display:flex;align-items:center;gap:10px;font-family:var(--serif,"Cormorant Garamond",serif);font-weight:500;font-size:1.7rem;margin:4px 0 14px}
#cfg199 .cfg-grade{columns:2;column-gap:16px}
#cfg199 .cfg-grade>.cfg-bloco{break-inside:avoid;display:block;width:100%;margin:0 0 16px!important}
#cfg199 .cfg-sec[data-cfg-sec="evento"] .cfg-grade,#cfg199 .cfg-sec[data-cfg-sec="negocio"] .cfg-grade{columns:1}
#cfg199 .cfg-vazio{color:var(--muted,#6f625e);font-size:.92rem}
/* formulário mais compacto: campos curtos lado a lado */
#cfg199 .form-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;flex-direction:unset!important}
#cfg199 .form-row>*,#cfg199 form>*{min-width:0;max-width:100%}
#cfg199 .cfg-grade,#cfg199 .cfg-sec,#cfg199 .cfg-secoes,#cfg199 .cfg-bloco{min-width:0;max-width:100%}
#cfg199 .form-row>.field{margin:0}
#cfg199 .cfg-sec[data-cfg-sec="evento"] form,#cfg199 .cfg-sec[data-cfg-sec="negocio"] form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 14px}
#cfg199 .cfg-sec[data-cfg-sec="evento"] form>*,#cfg199 .cfg-sec[data-cfg-sec="negocio"] form>*{grid-column:span 1}
#cfg199 .cfg-sec[data-cfg-sec="evento"] form>.form-row,#cfg199 .cfg-sec[data-cfg-sec="negocio"] form>.form-row,#cfg199 form>button,#cfg199 form>.btn,#cfg199 form>p,#cfg199 form>small{grid-column:1/-1}
#cfg199 .field{margin-bottom:10px}
#cfg199 .field label{margin-bottom:4px}
@media (max-width:900px){
  #cfg199 .cfg-layout{grid-template-columns:1fr;gap:12px}
  #cfg199 .cfg-abas{position:sticky;top:58px;z-index:20;flex-direction:row;overflow-x:auto;padding:6px;gap:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;box-shadow:0 10px 24px -18px rgba(0,0,0,.4)}
  #cfg199 .cfg-abas::-webkit-scrollbar{display:none}
  #cfg199 .cfg-abas button{width:auto;flex:0 0 auto;padding:8px 12px;gap:6px;border-radius:calc(999px + 0px)}
  #cfg199 .cfg-abas button b{font-size:.85rem;white-space:nowrap}
  #cfg199 .cfg-abas button i{display:none}
  #cfg199 .cfg-grade{columns:1}
  #cfg199 .cfg-sec-t{font-size:1.35rem;margin:2px 0 10px}
}
@media (max-width:640px){
  #cfg199 .cfg-top{padding:12px;gap:10px;margin-bottom:10px}
  #cfg199 .cfg-av{width:40px;height:40px;flex-basis:40px;font-size:1.2rem}
  #cfg199 .cfg-atalhos button{padding:7px 10px;font-size:.78rem}
  #cfg199 .cfg-atalhos button:last-child{display:none}
  #cfg199 .cfg-grade>.cfg-bloco{padding:14px!important;margin-bottom:10px!important}
  #cfg199 .cfg-grade>.cfg-bloco h3{font-size:1.1rem;margin-bottom:6px}
  #cfg199 .cfg-grade>.cfg-bloco p{font-size:.86rem;line-height:1.45;margin:.3em 0}
  #cfg199 .cfg-sec[data-cfg-sec="evento"] form,#cfg199 .cfg-sec[data-cfg-sec="negocio"] form{gap:0 10px}
  #cfg199 .field{margin-bottom:8px}
  #cfg199 .field label{font-size:.72rem}
  #cfg199 .field input,#cfg199 .field select{padding:9px 10px;min-height:40px;font-size:.92rem}
  #cfg199 .r144-location-pair{grid-template-columns:1fr!important}
  #cfg199 .r144-map-pick{padding:6px 10px;font-size:.78rem;margin-top:4px}
  #cfg199 .field .muted,#cfg199 .field .tiny{font-size:.7rem;line-height:1.3}
  #cfg199 label:has(>input[type=checkbox]){padding:8px 10px!important;margin:4px 0!important}
  #cfg199 .grid.g2,#cfg199 .grid.g3{gap:8px}
}