/* G: existing configuration forms, team and levels. No new persisted settings or defaults. */
.l4-config{width:100%;max-width:720px;}
.l4-config-section{border-bottom:1px solid var(--line-2);padding-block:var(--sp-3);}
.l4-config-section>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:var(--hit);font-size:var(--fs-l);font-weight:var(--fw-semi);cursor:pointer;list-style:none;}
.l4-config-section>summary::after{content:'';width:8px;height:8px;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:rotate(45deg);margin-right:var(--sp-2);flex-shrink:0;}
.l4-config-section[open]>summary::after{transform:rotate(225deg);}
.l4-config-section>summary+*{margin-top:var(--sp-4);}
.l4-config :is(fieldset,.l4-settings-group){min-width:0;}
.l4-config fieldset{border:0;padding:0;margin:0;}
.l4-settings-group{padding-block:var(--sp-4);border-top:1px solid var(--line);}
.l4-settings-group>summary{min-height:var(--hit);cursor:pointer;font-weight:var(--fw-semi);font-size:var(--fs-m);}
.l4-settings-group>fieldset{margin-top:var(--sp-4);}
.l4-config :is(.check,summary),.l4-config-sheet .check{min-height:var(--hit);}
.l4-config .check,.l4-config-sheet .check{align-items:center;}
.l4-config .swatch{min-width:var(--hit);min-height:var(--hit);}
.l4-config .form-error,.l4-config-sheet .form-error{scroll-margin-block:var(--sp-5);}
.l4-config [aria-invalid=true],.l4-config-sheet [aria-invalid=true]{border-color:var(--bad);outline-color:var(--bad);}
.l4-config-sheet :is(.perm-list,.perm-group){gap:var(--sp-2);}
.l4-config-sheet .perm-list{display:grid;grid-template-columns:minmax(0,1fr);}
.l4-config-sheet .goal-field{margin-top:var(--sp-4);}
.l4-config-sheet :is(.perm-title,.field>span){font-size:var(--fs-s);line-height:var(--lh-body);}
.l4-operations[data-operation-page=niveles] .level-fields{gap:var(--sp-3);}
.l4-operations[data-operation-page=niveles] .level-row{align-items:flex-start;padding:var(--sp-4);}
.l4-operations[data-operation-page=niveles] .level-fields .field>span{font-size:var(--fs-s);}
@media(max-width:599px){.l4-config :is(.grid-2,.id-options){grid-template-columns:minmax(0,1fr);}.l4-operations[data-operation-page=niveles] .level-fields{grid-template-columns:repeat(2,minmax(0,1fr));}.l4-operations[data-operation-page=niveles] .level-row{flex-wrap:wrap;}.l4-operations[data-operation-page=niveles] .level-fields{width:100%;}}