/* First layer: appearance controls override legacy fixed sidebar geometry. */
@layer appearance223 {
 html[data-nav-appearance223=mgkans] body.shell141 .shell-sidebar141 .shell-nav-button141 {
  height:var(--nav-row223)!important;min-height:var(--nav-row223)!important;max-height:var(--nav-row223)!important;
  font-size:var(--nav-font223)!important;line-height:var(--nav-leading223)!important;
 }
 html[data-nav-appearance223=mgkans] body.shell141 .shell-sidebar141 .shell-label141 {font-size:var(--nav-font223)!important;line-height:var(--nav-leading223)!important}
 html[data-nav-appearance223=mgkans] body.shell141 .shell-sidebar141 .shell-nav-button141>.shell-icon141 {
  width:var(--nav-icon223)!important;height:var(--nav-icon223)!important;min-width:var(--nav-icon223)!important;max-width:var(--nav-icon223)!important;
  color:var(--nav-icon-color223)!important;
 }
 html[data-nav-appearance223=mgkans] body.shell141 .shell-sidebar141 :is(nav,#moduleNav,.bottom),
 html[data-nav-appearance223=mgkans] body.shell141 .platform-nav50.shell-sidebar141 {gap:var(--nav-gap223)!important}
 html[data-nav-appearance223=barber] #app {--barber-expanded222:min(var(--barber-width223),calc(100vw - 16px))!important}
 html[data-nav-appearance223=barber] #app .nav {grid-auto-rows:var(--nav-row223)!important;gap:var(--nav-gap223)!important}
 html[data-nav-appearance223=barber] #app .nav button {
  height:var(--nav-row223)!important;min-height:var(--nav-row223)!important;max-height:var(--nav-row223)!important;
  font-size:var(--nav-font223)!important;line-height:var(--nav-leading223)!important;
 }
 html[data-nav-appearance223=barber] #app .nav button span {font-size:var(--nav-font223)!important;line-height:var(--nav-leading223)!important}
 html[data-nav-appearance223=barber] #app .nav button svg {width:var(--nav-icon223)!important;height:var(--nav-icon223)!important;min-width:var(--nav-icon223)!important;color:var(--nav-icon-color223)!important}
 html[data-nav-appearance223=barber] #app .sideHeader217 .brand {overflow:hidden!important;text-overflow:ellipsis!important}
 @media(max-width:760px){html[data-nav-appearance223=barber] #app {--barber-expanded222:min(var(--barber-mobile-width223),calc(100vw - 16px))!important}}

 #appearanceForm57 .appearance-block223 {display:block!important;min-width:0!important;margin:10px 0!important;border:1px solid #dfe5ef!important;border-radius:10px!important;padding:0!important;background:var(--surface,#fff)}
 #appearanceForm57 .appearance-block223>summary {display:list-item!important;cursor:pointer;font-weight:600;font-size:15px;line-height:1.4;padding:12px 16px;user-select:none}
 #appearanceForm57 .appearance-block223>summary:focus-visible {outline:2px solid #1685ed;outline-offset:-3px}
 #appearanceForm57 .appearance-block223:not([open])>:not(summary) {display:none!important}
 #appearanceForm57 .appearance-block-body223 {padding:4px 14px 14px!important;min-width:0!important}
 #appearanceForm57 .appearance-block-body223>fieldset {margin:0!important;border:0!important;padding:0!important;min-width:0!important}
 #appearanceForm57 .appearance-block-body223>fieldset>legend {display:none!important}
 #appearanceForm57 .appearance-block-body223>.platform-grid50 {min-width:0!important}
 #appearanceForm57 [data-area223=sidebar] .appearance-block-body223>.platform-grid50>fieldset {border:0!important;padding:0!important;margin:0!important}
 #appearanceForm57 [data-area223=sidebar] .appearance-block-body223>.platform-grid50>fieldset>legend {display:none!important}
 #appearanceForm57 .appearance-preview223 {width:100%;height:410px;border:1px solid #dfe5ef;border-radius:10px;display:block;background:#f5f5ef}
 #appearanceForm57 [hidden],#appearanceForm57 .appearance-area65[hidden] {display:none!important}
 #appearanceForm57 .appearance-actions223 {display:flex!important;gap:8px!important;flex-wrap:wrap!important;position:sticky;bottom:0;z-index:3;padding:10px 0;background:var(--surface,#fff)}
 @media(max-width:600px){#appearanceForm57 .appearance-preview223 {height:360px}#appearanceForm57 .appearance-block-body223 {padding:4px 8px 10px!important}}
}