/* Layers workspace, revision 02.2. */
.workspace>main.map-main{height:100dvh;min-height:360px}
.sidebar .side-about{font-size:12px;float:right;padding:9px;margin-top:3px;color:var(--muted)}
.collapsed .side-about{float:none;width:100%}
.layers-panel .map-panel-head{padding:18px 14px}
.layers-subtitle{font-size:11px;color:var(--muted);margin:5px 0 0}
.layers-panel .map-panel-head .toolbar{gap:2px;flex-wrap:nowrap}
.layers-panel .map-panel-head h2{white-space:nowrap}
.layers-panel .map-panel-head .mini{display:flex;align-items:center;gap:4px;font-size:12px;padding:8px 10px}
.layers-panel .layer-search{padding:14px 12px 8px}
.layers-panel .layer-search .search{min-width:0}
.layers-panel .layer-search .search svg{top:9px;width:17px;height:17px}
.layers-panel .layer-search input{padding-left:35px}
.layer-filter-row{display:flex;align-items:center;gap:4px;margin-top:10px}
.layer-filter-row select{flex:1;min-width:0;min-height:32px;padding:6px 8px;font-size:11px;background:var(--bg);border-color:transparent}
.layer-filter-row button{font-size:16px;min-width:30px;padding:3px}
.layer-group-toolbar{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:5px 9px 10px;border-bottom:1px solid var(--line)}
.layer-group-toolbar button{font-size:11px;padding:6px}
.layer-group-toolbar svg{width:15px;height:15px;margin-right:3px}
.layers-panel .map-panel-body{padding:6px 8px 18px}
.layers-panel .tree-group{border:0;margin-bottom:8px}
.layers-panel .group-summary{display:flex;align-items:center;gap:5px;padding:9px 4px;font-size:12px;list-style:none;border-radius:7px;background:var(--bg)}
.group-summary::-webkit-details-marker{display:none}
.group-summary:before{content:'›';font-size:18px;line-height:1;width:10px;flex-shrink:0;color:var(--muted)}
details[open]>.group-summary:before{transform:rotate(90deg)}
.group-summary input{margin:0;flex-shrink:0;width:14px;height:14px;min-height:14px}
.group-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.group-count{font-size:10px;color:var(--muted);white-space:nowrap}
.small-control{padding:4px!important;min-width:25px!important;width:25px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:5px}
.small-control svg{width:16px;height:16px}
.group-children{margin:5px 0 0 10px;padding-left:3px;border-left:1px solid var(--line)}
.layers-panel .layer-row{display:flex;align-items:center;gap:4px;padding:9px 3px;margin:2px 0;border:1px solid transparent;border-radius:7px}
.layers-panel .layer-row.selected{background:var(--soft);border-color:#b7d6d5}
.layers-panel .layer-row>input{width:14px;height:14px;min-height:14px;margin:0}
.drag-handle{cursor:grab;flex:0 0 10px;font-size:16px;line-height:1;color:#94a6ab;user-select:none}
.drag-handle:active{cursor:grabbing}
.layer-swatch{width:7px;height:7px;flex:0 0 7px;border-radius:50%;margin:0 2px}
.layer-title-button{flex:1;min-width:0;max-width:100%;border:0;background:transparent!important;border-radius:4px;padding:3px 1px;text-align:left;white-space:normal;font-weight:400}
.layer-title-button b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:12px;line-height:1.45;font-weight:500}
.layer-title-button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.6;color:var(--muted)}
.layers-panel .visibility[aria-pressed=false]{opacity:1;color:var(--muted)}
.layers-panel .visibility[aria-pressed=true]{color:var(--teal)}
.empty-group{font-size:11px;color:var(--muted);line-height:1.6;padding:10px;margin:0}
.layers-empty{padding:28px 12px;text-align:center;line-height:1.6;font-size:13px}
.layers-empty p{font-size:12px;color:var(--muted)}
.layers-panel .map-panel-foot{padding:12px;background:var(--bg)}
.layer-footer-idle{font-size:10px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.layer-footer-idle button{font-size:11px;padding:5px 0;color:var(--teal)}
.selection-heading{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:9px;color:var(--dark);font-size:12px}
.selection-heading button{font-size:10px;padding:5px}
.selection-actions{display:flex;gap:5px;flex-wrap:wrap}
.selection-actions button{font-size:11px;padding:7px 9px}
.layer-drop-target{box-shadow:inset 0 2px 0 var(--teal)!important;background:var(--soft)!important}
.layer-context{position:fixed;inset:auto;margin:0;padding:6px;background:white;color:var(--dark);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 36px #16333b26;min-width:205px;max-width:calc(100vw - 16px)}
.layer-context>p{font-size:11px;color:var(--muted);max-width:230px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:4px 8px 8px}
.layer-context button{display:block;text-align:left;width:100%;border:0;padding:9px 10px;font-size:12px;font-weight:500;background:transparent}
.layer-editor-tabs{position:sticky;top:-24px;z-index:1;background:white;padding-top:4px;margin-bottom:24px}
.layer-editor-tabs button{padding:10px 14px;font-size:13px}
.field input[type=color]{width:76px;padding:4px;height:42px;cursor:pointer}
.field input[type=range]{padding:0;border:0;min-height:30px;accent-color:var(--teal)}
.field output{float:right;font-weight:600;color:var(--teal)}
.layer-style-preview{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:20px;background:var(--bg);font-size:13px}
.layer-style-preview>span{width:22px;height:22px;border-radius:50%;border:1px solid #00000018}
.permission-group{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.permission-group label:not(.sr-only){display:flex;gap:9px;align-items:center;font-size:13px;min-width:0;overflow-wrap:anywhere}
.permission-group input{flex-shrink:0}
.permission-group select{font-size:12px;min-height:36px;max-width:160px}
body.dark .layer-context,body.dark .layer-editor-tabs{background:#1a2e39}
body.dark .layers-panel .layer-row.selected{border-color:#376165}
body.dark .visibility[aria-pressed=true],body.dark .layer-footer-idle button{color:#a0deda}
@media(max-width:650px){.workspace>main.map-main{height:calc(100dvh - var(--mobile-nav-height,114px));min-height:360px}.sidebar .side-about{display:none}.permission-group{gap:8px}.permission-group select{max-width:140px}.layer-editor-tabs{top:-20px}.layer-title-button b{font-size:13px}.layers-panel .layer-row{padding:11px 4px}}
/* вид слоя в меню «⋯» */
#layer-context .lt-look{display:grid;gap:8px;padding:8px 10px 10px;margin:0 0 6px;border-bottom:1px solid var(--line);min-width:220px}
#layer-context .lt-look label{display:grid;gap:4px;font-size:11px}
#layer-context .lt-look label span{display:flex;justify-content:space-between;color:var(--muted)}
#layer-context .lt-look input[type=range]{width:100%;min-height:18px;height:18px;padding:0;accent-color:var(--teal)}
#layer-context .lt-look button{justify-self:start;font-size:11px;padding:4px 6px}