/* Variante compartilhada: ações compactas e rodapé fora da rolagem. */
#ld-demo.ld-layer-actions-compact #ld-tab-layers .ld-tab-badge{display:none}
#ld-demo.ld-layer-actions-compact .lm-layer-name small{display:block;font-size:var(--ld-text-meta)}
#ld-demo.ld-layer-actions-compact .ld-layers-window{display:flex;flex-direction:column;min-height:0}
#ld-demo.ld-layer-actions-compact:not(.la-demo) .ld-layers-window{height:min(740px,calc(100svh - 180px));min-height:240px}
#ld-demo.ld-layer-actions-compact .ld-layers-window>.ld-window-bar,#ld-demo.ld-layer-actions-compact .ld-layers-window>.ld-tabs{flex:none}
#ld-demo.ld-layer-actions-compact .ld-layers-window .ld-panels{flex:1;min-height:0;overflow:hidden}
#ld-demo.ld-layer-actions-compact #ld-panel-layers{height:100%;min-height:0}
#ld-demo.ld-layer-actions-compact .lm-sidebar{height:100%;min-height:0;box-sizing:border-box;overflow:hidden}
#ld-demo.ld-layer-actions-compact .ld-layer-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#61734c #1b2317;overscroll-behavior:contain}
#ld-demo.ld-layer-actions-compact .ld-layer-footer{flex:none;margin-top:10px;padding-top:10px}

#ld-demo.ld-layer-actions-compact .ld-layer-footer{container-type:inline-size;container-name:layer-actions}
#ld-demo.ld-layer-actions-compact .ld-layer-toolbar{flex-wrap:nowrap}
#ld-demo.ld-layer-actions-compact .ld-layer-toolbar button{flex:none;white-space:nowrap}
@container layer-actions (max-width:280px){
 #ld-demo.ld-layer-actions-compact .ld-layer-toolbar .ld-layer-action-label{display:none}
 #ld-demo.ld-layer-actions-compact .ld-layer-toolbar button{width:calc(40px * var(--ld-ui-scale,1));height:calc(40px * var(--ld-ui-scale,1));padding:0}
 #ld-demo.ld-layer-actions-compact .ld-layer-toolbar [data-layer-action=add]{padding-inline:0}
}

#ld-demo.ld-layer-actions-compact .ld-layer-toolbar .ld-layer-action-label{font-size:inherit;line-height:normal;vertical-align:baseline}