.nut18-component{flex-wrap:wrap;align-items:end}.nut197-role,.nut197-group{min-width:150px}.nut197-role-pill{display:inline-flex;align-items:center;min-height:38px;padding:0 10px;border-radius:10px;background:#eef4f1;font-size:13px}.nut197-component-meta{flex-basis:100%;display:flex;gap:12px;align-items:end;padding:6px 0 2px 0}.nut197-component-meta>label{min-width:145px}.nut197-days{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.nut197-days>small{margin-right:4px}.nut197-days label{display:inline-flex;align-items:center;gap:3px}.nut197-days input{position:absolute;opacity:0;pointer-events:none}.nut197-days span{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #cbd6d2;border-radius:8px;font-size:12px;cursor:pointer}.nut197-days input:checked+span{background:#dff3ed;border-color:#7eb9aa;font-weight:700}.nut197-warning{display:block;color:#8a4d00;margin-top:3px}.nut197-template-checks{display:flex;gap:14px;flex-wrap:wrap}.nut197-template-checks label{display:flex;align-items:center;gap:6px}.nut197-template-checks input{width:auto}
@media(max-width:760px){.nut197-role,.nut197-group{min-width:130px}.nut197-component-meta{display:block}.nut197-days{margin-top:8px}}
.nut197-group-summary{display:grid;gap:6px;margin:0 0 10px}.nut197-group-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:#f7f6f2;border-radius:10px}.nut197-group-summary span{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.nut197-group-summary small{color:#66716d}

/* v0.19.8 — filas de componentes: controles legibles sin solaparse. */
.nut18-component,.nut18-component.is-extra{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:10px 12px;
  min-width:0;
}
.nut18-component>.nut18-component-name{
  flex:1 0 100%;
  min-width:0;
}
.nut18-component>label{flex:0 1 110px;min-width:90px;max-width:100%;grid-column:auto}
.nut18-component>label.nut197-role{flex:1 1 170px;min-width:160px}
.nut18-component>label.nut197-role select{min-width:0;width:100%}
.nut18-component>button{flex:0 0 auto;align-self:flex-end;min-height:38px;grid-column:auto!important}
.nut18-component>.nut197-component-meta{flex:1 0 100%;min-width:0}
.nut18-component .nut197-role-pill{white-space:normal}
@media(max-width:600px){
  .nut18-component>label{flex:1 1 92px}
  .nut18-component>label.nut197-role{flex:1 1 100%}
  .nut18-component>button{flex:1 1 auto}
}

/* v0.19.8 — carga simple: ancho compacto, sin controles innecesarios */
.nut18-component,.nut18-component.is-extra{gap:8px 12px;padding:13px 0}
.nut18-component>.nut18-component-name{margin-bottom:1px}
.nut18-component>.nut18-component-name strong{font-size:14px;line-height:1.35}
.nut18-component>label{flex:0 0 112px;min-width:0}
.nut18-component>label.nut18-unit{flex-basis:132px}
.nut18-component>label.nut197-role{flex:0 0 158px;min-width:0}
.nut18-component>label.nut197-role select{width:100%;text-overflow:ellipsis}
.nut18-component>label.nut197-role .nut197-role-pill{width:100%;min-height:38px;align-items:center}
.nut18-component>.nut18-remove{margin-left:auto;width:38px;min-width:38px;padding:0;font-size:20px;line-height:1}
.nut18-component>.nut197-component-meta{flex-basis:100%;margin-top:0}
@media(max-width:540px){.nut18-component>label,.nut18-component>label.nut18-unit{flex:1 1 100px}.nut18-component>label.nut197-role{flex:1 1 130px}.nut18-component>.nut18-remove{margin-left:0}}