/* Conceptos: cada control conserva su columna, incluidos los egresos. */
.cfg-concepts{gap:10px}
.cfg-concepts .cfg-concepts-head{gap:6px}
.cfg-concepts .cfg-concepts-tabs{gap:6px}
.cfg-concepts .cfg-concepts-tabs button,.cfg-concepts .cfg-concepts-add button{height:34px;min-height:34px;border-radius:2px;box-shadow:none;padding:0 12px;font-size:12px}
.cfg-concepts .cfg-concepts-add{gap:8px}
.cfg-concepts .cfg-concepts-add input{height:34px;border-radius:2px}
.cfg-concepts .cfg-concepts-list{border-radius:2px;background:var(--card)}
.cfg-concepts .cfg-concept-row{grid-template-columns:24px minmax(0,1fr) 32px 32px 32px 86px;gap:6px;padding:9px 10px;min-height:58px;background:var(--card);align-items:center}
.cfg-concepts .cfg-concept-row:has(.cfg-concept-draw){grid-template-columns:24px minmax(0,1fr) 92px 32px 32px 32px 86px}
.cfg-concepts .cfg-concept-row.is-off{background:var(--surface)}
.cfg-concepts .cfg-concept-pos{border-radius:2px;width:24px;height:24px;background:var(--surface);color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums}
.cfg-concepts .cfg-concept-name{min-width:0;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35;font-size:13px;font-weight:700;overflow-wrap:anywhere}
.cfg-concepts .cfg-concept-name small{display:block;margin-top:3px;font-size:11.5px;font-weight:400;line-height:1.4;color:var(--muted);white-space:normal}
.cfg-concepts .cfg-concept-draw{min-width:0;font-size:11px;gap:6px;margin:0;justify-content:center}
.cfg-concepts .cfg-concept-draw input{width:14px;height:14px;flex:0 0 14px;margin:0;accent-color:var(--orange-500)}
.cfg-concepts .cfg-concept-row>button{width:100%;min-width:0;height:32px;border-radius:2px;padding:0 5px;box-shadow:none}
.cfg-concepts .cfg-concept-edit{width:100%;min-width:0;height:32px;border-radius:2px}
.cfg-concepts .cfg-concept-row>button:hover:not(:disabled){background:var(--surface);border-color:var(--orange-500)}
.cfg-concepts :focus-visible{outline:2px solid var(--orange-500);outline-offset:2px}
@media(max-width:620px){
 .cfg-concepts .cfg-concept-row,.cfg-concepts .cfg-concept-row:has(.cfg-concept-draw){grid-template-columns:24px minmax(0,1fr) 32px 32px 32px 86px;gap:6px;padding:9px 8px}
 .cfg-concepts .cfg-concept-pos{grid-row:1;grid-column:1;align-self:start}
 .cfg-concepts .cfg-concept-name,.cfg-concepts .cfg-concept-edit{grid-row:1;grid-column:2/-1}
 .cfg-concepts .cfg-concept-draw{grid-row:2;grid-column:1/3;justify-content:flex-start}
 .cfg-concepts .cfg-concept-row>button{grid-row:2}
 .cfg-concepts .cfg-concept-row>button:nth-last-of-type(4){grid-column:3}
 .cfg-concepts .cfg-concept-row>button:nth-last-of-type(3){grid-column:4}
 .cfg-concepts .cfg-concept-row>button:nth-last-of-type(2){grid-column:5}
 .cfg-concepts .cfg-concept-toggle{grid-column:6}
}
