/* Complete UI-only redesign of the existing Maperivo Designer. */
body.ms-ui-v2{
  --accent:var(--ms-ui-blue);
  --accent2:var(--ms-ui-orange);
  --text:var(--ms-ui-text);
  --bg:var(--ms-ui-bg);
  --card:var(--ms-ui-surface);
  --line:var(--ms-ui-line);
  overflow:hidden;
}

body.ms-ui-v2 #app{
  height:100dvh;
  padding-top:var(--msTopH,68px);
  padding-bottom:66px;
  background:var(--ms-ui-bg);
}
body.ms-ui-v2.wizard #app{padding-bottom:0}

/* Top command bar */
body.ms-ui-v2 #wizTop{
  min-height:68px;
  height:68px;
  padding:0 20px;
  gap:14px;
  border-bottom:1px solid var(--ms-ui-line);
  background:rgba(255,255,255,.98);
  box-shadow:0 1px 0 rgba(16,42,73,.02);
  color:var(--ms-ui-text);
}
body.ms-ui-v2 #msUiBrand{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  min-width:184px;
  color:var(--ms-ui-text);
}
body.ms-ui-v2 #msUiBrand img{width:116px;height:auto;object-fit:contain}
body.ms-ui-v2 #msUiBrandText{display:flex;flex-direction:column;min-width:0}
body.ms-ui-v2 #msUiBrandText small{font-size:10.5px;line-height:1.35;color:var(--ms-ui-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
body.ms-ui-v2 #wizTopL,
body.ms-ui-v2 #wizTopR{min-width:0;gap:6px}
body.ms-ui-v2 #wizTopL{margin-right:0}
body.ms-ui-v2 .wtb,
body.ms-ui-v2 .mwzA{
  min-height:36px;
  padding:7px 11px;
  border:1px solid var(--ms-ui-line);
  border-radius:var(--ms-ui-r-sm);
  background:var(--ms-ui-surface);
  color:var(--ms-ui-text);
  font-size:11.5px;
  font-weight:750;
  box-shadow:none;
  transition:background .16s,border-color .16s,color .16s,transform .16s;
}
body.ms-ui-v2 .wtb:hover,
body.ms-ui-v2 .mwzA:hover{background:var(--ms-ui-surface-soft);border-color:var(--ms-ui-line-strong)}
body.ms-ui-v2 .wtb.act{background:var(--ms-ui-text);border-color:var(--ms-ui-text);color:#fff}
body.ms-ui-v2 #mwzTheme{display:none!important}
body.ms-ui-v2 #wizSteps .ws{color:var(--ms-ui-faint);font-size:11.5px}
body.ms-ui-v2 #wizSteps .wsc{width:28px;height:28px;border-color:var(--ms-ui-line-strong);color:var(--ms-ui-muted)}
body.ms-ui-v2 #wizSteps .ws.act{color:var(--ms-ui-blue)}
body.ms-ui-v2 #wizSteps .ws.act .wsc{background:var(--ms-ui-blue);border-color:var(--ms-ui-blue);color:#fff}
body.ms-ui-v2 #wizSteps .ws.done{color:var(--ms-ui-green)}
body.ms-ui-v2 #wizSteps .ws.done .wsc{background:#e8f7f0;border-color:#8dcbb0;color:var(--ms-ui-green)}
body.ms-ui-v2 #wizSteps .wsl{height:1px;background:var(--ms-ui-line)}

/* Left editing rail */
body.ms-ui-v2 #sidebar{
  width:360px;
  flex:0 0 360px;
  padding:20px 16px 90px;
  background:var(--ms-ui-surface);
  border-right:1px solid var(--ms-ui-line);
  box-shadow:none;
  color:var(--ms-ui-text);
}
body.ms-ui-v2.wizard #sidebar{width:390px;flex-basis:390px;padding-bottom:92px}
body.ms-ui-v2 #sidebar h1{font-size:20px;line-height:1.2;letter-spacing:-.03em;color:var(--ms-ui-text);margin-bottom:3px}
body.ms-ui-v2 #sidebar .sub{font-size:11.5px;color:var(--ms-ui-muted);margin-bottom:14px}
body.ms-ui-v2 #msBrandRow{margin-bottom:10px!important}
body.ms-ui-v2 #msBrandRow #msLogo{max-height:38px!important;max-width:180px!important}
body.ms-ui-v2 #msBeta{background:#fff4e9!important;color:#a9551f!important;border-color:#ffd4b7!important;border-radius:6px!important}
body.ms-ui-v2 #mwzTitle{font-size:23px;color:var(--ms-ui-text);margin:8px 0 5px;letter-spacing:-.035em}
body.ms-ui-v2 #mwzSub{font-size:12.5px;color:var(--ms-ui-muted);line-height:1.5;margin:0 0 14px}

body.ms-ui-v2 .pick{
  min-height:52px;
  padding:8px 11px;
  gap:9px;
  margin-bottom:8px;
  border:1px solid var(--ms-ui-line);
  border-radius:var(--ms-ui-r);
  background:var(--ms-ui-surface);
  box-shadow:none;
}
body.ms-ui-v2 .pick:hover{border-color:#91baff;background:var(--ms-ui-surface-soft)}
body.ms-ui-v2 .pick .pklabel{width:58px;color:var(--ms-ui-muted);font-size:9.5px;letter-spacing:.11em}
body.ms-ui-v2 .pick .pkval{font-size:12.5px;color:var(--ms-ui-text)}
body.ms-ui-v2 .pick .pkthumb{width:32px;height:32px;border-radius:7px;border-color:var(--ms-ui-line)}
body.ms-ui-v2 .pick .chev{color:var(--ms-ui-faint);font-size:18px}

body.ms-ui-v2 .card,
body.ms-ui-v2 .wiz-inline,
body.ms-ui-v2 #mwzSummary{
  margin-bottom:9px;
  padding:13px;
  border:1px solid var(--ms-ui-line);
  border-radius:var(--ms-ui-r);
  background:var(--ms-ui-surface);
  box-shadow:none;
}
body.ms-ui-v2 .coll{padding:0}
body.ms-ui-v2 .collHead{padding:13px;background:transparent}
body.ms-ui-v2 .collHead:hover{background:var(--ms-ui-surface-soft)}
body.ms-ui-v2 .collBody{padding:0 13px 13px}
body.ms-ui-v2 .card h2,
body.ms-ui-v2 .collTitle,
body.ms-ui-v2 .pick .pklabel,
body.ms-ui-v2 .fly h3{
  color:var(--ms-ui-text);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
body.ms-ui-v2 .collSub,
body.ms-ui-v2 .note{color:var(--ms-ui-muted)}
body.ms-ui-v2 .row label{color:var(--ms-ui-muted);font-size:12px}
body.ms-ui-v2 input[type=text],
body.ms-ui-v2 input[type=number],
body.ms-ui-v2 textarea,
body.ms-ui-v2 select,
body.ms-ui-v2 .labelRow input[type=text],
body.ms-ui-v2 .labelRow .lblH{
  border:1px solid var(--ms-ui-line);
  border-radius:var(--ms-ui-r-sm);
  background:var(--ms-ui-surface);
  color:var(--ms-ui-text);
  box-shadow:none;
}
body.ms-ui-v2 input[type=range]{accent-color:var(--ms-ui-orange)}
body.ms-ui-v2 input[type=checkbox]{accent-color:var(--ms-ui-blue)}
body.ms-ui-v2 .shape-opt button,
body.ms-ui-v2 .size-opt button,
body.ms-ui-v2 .shapeIco,
body.ms-ui-v2 .st,
body.ms-ui-v2 #lockBtn{
  border:1px solid var(--ms-ui-line);
  border-radius:var(--ms-ui-r-sm);
  background:#fff;
  color:var(--ms-ui-text);
  box-shadow:none;
}
body.ms-ui-v2 .shape-opt button:hover,
body.ms-ui-v2 .size-opt button:hover{border-color:#91baff;background:var(--ms-ui-surface-soft)}
body.ms-ui-v2 .shape-opt button.active,
body.ms-ui-v2 .size-opt button.active,
body.ms-ui-v2 #lockBtn.on{background:var(--ms-ui-blue);border-color:var(--ms-ui-blue);color:#fff;box-shadow:none}

/* Studio tabs */
body.ms-ui-v2 #msToolTabs{
  display:flex;
  gap:4px;
  margin:12px 0 14px;
  padding:4px;
  border:1px solid var(--ms-ui-line);
  border-radius:var(--ms-ui-r);
  background:var(--ms-ui-surface-soft);
}
body.ms-ui-v2.wizard #msToolTabs{display:none}
body.ms-ui-v2 #msToolTabs button{
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:8px 5px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--ms-ui-muted);
  font-size:10.5px;
  font-weight:750;
  cursor:pointer;
}
body.ms-ui-v2 #msToolTabs button svg{width:15px;height:15px;stroke-width:1.8}
body.ms-ui-v2 #msToolTabs button.on{background:#fff;color:var(--ms-ui-blue);box-shadow:var(--ms-ui-shadow-soft)}
body.ms-ui-v2:not(.wizard)[data-ms-tool="map"] #sidebar .ms-tool-panel:not(.ms-panel-map),
body.ms-ui-v2:not(.wizard)[data-ms-tool="text"] #sidebar .ms-tool-panel:not(.ms-panel-text),
body.ms-ui-v2:not(.wizard)[data-ms-tool="objects"] #sidebar .ms-tool-panel:not(.ms-panel-objects),
body.ms-ui-v2:not(.wizard)[data-ms-tool="layers"] #sidebar .ms-tool-panel:not(.ms-panel-layers){display:none!important}

/* Canvas */
body.ms-ui-v2 #mapwrap{
  min-width:0;
  background:var(--ms-ui-canvas);
  border-right:1px solid var(--ms-ui-line);
}
body.ms-ui-v2 #map{background-color:var(--ms-ui-canvas)}
body.ms-ui-v2 #map.checker{background:repeating-conic-gradient(#e8eef5 0 25%,#f8fbfe 0 50%) 0 0/24px 24px}
body.ms-ui-v2 #mapwrap.checker #mask #frame{box-shadow:0 0 0 9999px rgba(242,247,251,.92)}
body.ms-ui-v2 #mwzPrevTop{
  top:10px;
  height:42px;
  padding:0 12px;
  gap:8px;
}
body.ms-ui-v2 #wizView,
body.ms-ui-v2 #mwzActs,
body.ms-ui-v2 #satMixW{
  background:rgba(255,255,255,.94);
  border:1px solid var(--ms-ui-line);
  box-shadow:var(--ms-ui-shadow-soft);
  backdrop-filter:blur(8px);
}
body.ms-ui-v2 #wizView{border-radius:10px}
body.ms-ui-v2 #wizView button{color:var(--ms-ui-muted);border-radius:7px}
body.ms-ui-v2 #wizView button.act{background:var(--ms-ui-text);color:#fff;box-shadow:none}
body.ms-ui-v2 #zoominfo{top:62px!important;right:14px!important;background:rgba(16,42,73,.92);color:#fff;box-shadow:var(--ms-ui-shadow-soft)}

/* Desktop selected-layer inspector: mirrors of the existing layer controls (designer-ui.js); nothing is moved. */
body.ms-ui-v2 #msInspector{
  width:292px;
  flex:0 0 292px;
  height:100%;
  overflow:auto;
  padding:18px 14px 82px;
  background:var(--ms-ui-surface);
  border-left:1px solid var(--ms-ui-line);
  color:var(--ms-ui-text);
}
body.ms-ui-v2 #msInspectorHead{padding:0 3px 13px;border-bottom:1px solid var(--ms-ui-line);margin-bottom:12px}
body.ms-ui-v2 #msInspectorHead strong{display:block;font-size:15px;letter-spacing:-.015em}
body.ms-ui-v2 #msInspectorHead span{display:block;margin-top:3px;font-size:11px;line-height:1.45;color:var(--ms-ui-muted)}

/* Desktop bottom command surface */
body.ms-ui-v2 #msUiActionBar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:75;
  height:66px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 18px;
  border-top:1px solid var(--ms-ui-line);
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(10px);
}
body.ms-ui-v2.wizard #msUiActionBar{display:none}
body.ms-ui-v2 #msUiActionBar .ms-action-spacer{flex:1}
body.ms-ui-v2 #msUiActionBar button{
  min-height:42px;
  padding:9px 16px;
  border:1px solid var(--ms-ui-line);
  border-radius:var(--ms-ui-r-sm);
  background:#fff;
  color:var(--ms-ui-text);
  font-size:12.5px;
  font-weight:800;
  cursor:pointer;
}
body.ms-ui-v2 #msUiActionBar button:hover{background:var(--ms-ui-surface-soft);border-color:var(--ms-ui-line-strong)}
body.ms-ui-v2 #msUiActionBar button.primary{min-width:196px;background:var(--ms-ui-orange);border-color:var(--ms-ui-orange);color:#fff}
body.ms-ui-v2 #msUiActionBar button.primary:hover{background:var(--ms-ui-orange-hover);border-color:var(--ms-ui-orange-hover)}
body.ms-ui-v2 #msUiActionHint{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ms-ui-muted)}
body.ms-ui-v2 #msUiActionHint::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ms-ui-green)}

/* Wizard itself now shares the same component language. */
body.ms-ui-v2 #styleTiles{gap:10px}
body.ms-ui-v2 .tile{border:1px solid var(--ms-ui-line);border-radius:var(--ms-ui-r);background-color:var(--ms-ui-canvas);box-shadow:none}
body.ms-ui-v2 .tile:hover{transform:translateY(-1px);box-shadow:var(--ms-ui-shadow-soft);border-color:#91baff}
body.ms-ui-v2 .tile.active{border:2px solid var(--ms-ui-orange);box-shadow:0 0 0 3px rgba(239,118,40,.12)}
body.ms-ui-v2 .tile.active::after{background:var(--ms-ui-orange)}
body.ms-ui-v2 #wizNav{border:0;border-top:1px solid var(--ms-ui-line);border-radius:0;background:#fff;padding:10px}
body.ms-ui-v2 #mwzNext{background:var(--ms-ui-orange);border:1px solid var(--ms-ui-orange);color:#fff;box-shadow:none}
body.ms-ui-v2 #mwzBack{border-color:var(--ms-ui-line);color:var(--ms-ui-text)}
body.ms-ui-v2 #mwzDetail .c3{border-color:var(--ms-ui-line);color:var(--ms-ui-muted)}
body.ms-ui-v2 #mwzDetail .c3.act{background:var(--ms-ui-blue);border-color:var(--ms-ui-blue);color:#fff;box-shadow:none}

/* Keep dark mode functional but coherent. */
body.ms-ui-v2.ms-dark{
  --ms-ui-bg:#0d1b2e;
  --ms-ui-canvas:#0b1727;
  --ms-ui-surface:#14263c;
  --ms-ui-surface-soft:#19304a;
  --ms-ui-text:#edf4fb;
  --ms-ui-muted:#a7bad0;
  --ms-ui-faint:#7890ab;
  --ms-ui-line:#28435f;
  --ms-ui-line-strong:#365776;
  --ms-ui-blue:#5b9bff;
  color-scheme:dark;
}
body.ms-ui-v2.ms-dark #wizTop,
body.ms-ui-v2.ms-dark #sidebar,
body.ms-ui-v2.ms-dark #msInspector,
body.ms-ui-v2.ms-dark #msUiActionBar{background:var(--ms-ui-surface)}
body.ms-ui-v2.ms-dark .pick,
body.ms-ui-v2.ms-dark .card,
body.ms-ui-v2.ms-dark .wiz-inline,
body.ms-ui-v2.ms-dark #msToolTabs button.on,
body.ms-ui-v2.ms-dark #msUiActionBar button{background:var(--ms-ui-surface-soft);color:var(--ms-ui-text)}
body.ms-ui-v2.ms-dark #msUiActionBar button.primary{background:var(--ms-ui-orange);border-color:var(--ms-ui-orange);color:#fff}

@media(max-width:1180px){
  body.ms-ui-v2 #msInspector{display:none!important}
  body.ms-ui-v2 #sidebar{width:342px;flex-basis:342px}
  body.ms-ui-v2.wizard #sidebar{width:370px;flex-basis:370px}
  body.ms-ui-v2 #msUiBrandText small{display:none}
  body.ms-ui-v2 #msUiBrand{min-width:auto}
}

@media(max-width:820px){
  body.ms-ui-v2{overflow-x:hidden;overflow-y:auto}
  body.ms-ui-v2 #wizTop{
    min-height:62px;
    height:auto;
    padding:7px 10px;
    gap:7px;
    flex-wrap:nowrap;
  }
  body.ms-ui-v2 #msUiBrand{min-width:0;margin-right:auto}
  body.ms-ui-v2 #msUiBrand img{width:104px;height:auto}
  body.ms-ui-v2 #msUiBrandText b{font-size:14px;max-width:112px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.ms-ui-v2 #msUiBrandText small{display:block;font-size:9px;max-width:112px}
  /* [23.09] zamiast chowac akcje: menu „≡" rozwija istniejace przyciski pod paskiem */
  body.ms-ui-v2 #wizTopL,body.ms-ui-v2 #wizTopR{display:none!important}
  body.ms-ui-v2 #wizTop.ms-menu-open #wizTopL,body.ms-ui-v2 #wizTop.ms-menu-open #wizTopR{display:flex!important;flex-wrap:wrap;gap:8px;position:absolute;left:8px;right:8px;background:#fff;border:1px solid var(--ms-ui-line);border-radius:var(--ms-ui-r);padding:10px;box-shadow:var(--ms-ui-shadow);z-index:80;margin:0}
  body.ms-ui-v2 #wizTop.ms-menu-open #wizTopL{top:calc(100% + 6px)}
  body.ms-ui-v2 #wizTop.ms-menu-open #wizTopR{top:calc(100% + 64px)}
  body.ms-ui-v2.wizard #wizTop.ms-menu-open #wizTopL{top:calc(100% + 48px)}
  body.ms-ui-v2.wizard #wizTop.ms-menu-open #wizTopR{top:calc(100% + 106px)}
  body.ms-ui-v2 #wizTop.ms-menu-open .wtb,body.ms-ui-v2 #wizTop.ms-menu-open .mwzA{min-height:40px}
  body.ms-ui-v2 #msUiMenuBtn{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:38px;padding:0 10px;border:1px solid var(--ms-ui-line);border-radius:var(--ms-ui-r-sm);background:#fff;cursor:pointer;flex:0 0 auto;margin-left:6px}
  body.ms-ui-v2 #msUiMenuBtn span{display:block;height:2px;border-radius:2px;background:var(--ms-ui-text)}
  body.ms-ui-v2 #wizTop.ms-menu-open #msUiMenuBtn{background:var(--ms-ui-blue-soft);border-color:#91baff}
  body.ms-ui-v2.wizard #wizSteps{position:absolute;left:8px;right:8px;top:calc(100% + 1px);height:42px;background:#fff;border-bottom:1px solid var(--ms-ui-line);margin:0;padding:0 12px}
  body.ms-ui-v2.wizard #app{padding-top:calc(var(--msTopH,62px) + 42px)}
  body.ms-ui-v2 #app{
    height:auto;
    min-height:100dvh;
    display:flex;
    flex-direction:column;
    padding-top:var(--msTopH,62px);
    padding-bottom:76px;
    overflow-x:hidden;
  }
  body.ms-ui-v2.wizard #app{padding-bottom:0}
  body.ms-ui-v2 #mapwrap{
    order:1;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    display:block!important;
    width:100%!important;
    flex:0 0 52dvh!important;
    height:52dvh!important;
    min-height:390px;
    z-index:10;
    border-right:0;
    border-bottom:1px solid var(--ms-ui-line);
  }
  body.ms-ui-v2.wizard #mapwrap{order:2;flex-basis:46dvh!important;height:46dvh!important;min-height:330px}
  body.ms-ui-v2 #sidebar,
  body.ms-ui-v2.wizard #sidebar,
  body.ms-ui-v2.ms-mob-prev #sidebar{
    order:2;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:14px 12px 110px!important;
    border-right:0;
    z-index:20;
  }
  body.ms-ui-v2.wizard #sidebar{order:1;padding-bottom:92px!important}
  body.ms-ui-v2.wizard #mapwrap{display:none!important}
  body.ms-ui-v2.wizard.ms-mob-prev #mapwrap{display:block!important;position:fixed!important;inset:calc(var(--msTopH,62px) + 42px) 0 0!important;height:auto!important;z-index:60}
  body.ms-ui-v2.wizard.ms-mob-prev #sidebar{height:0!important;min-height:0!important;padding:0!important;overflow:hidden!important}
  body.ms-ui-v2:not(.wizard) #msMobPrev{display:none!important}
  body.ms-ui-v2:not(.wizard) #msBrandRow,
  body.ms-ui-v2:not(.wizard) #sidebar>h1,
  body.ms-ui-v2:not(.wizard) #sidebar>.sub{display:none!important}
  body.ms-ui-v2 #msToolTabs{position:sticky;top:var(--msTopH,62px);z-index:35;margin:-14px -12px 14px;border-width:0 0 1px;border-radius:0;padding:7px 8px;background:rgba(255,255,255,.97);backdrop-filter:blur(8px)}
  body.ms-ui-v2 #app>#msToolTabs{order:0;position:relative;top:auto;flex:0 0 56px;width:100%;margin:0;box-sizing:border-box}
  body.ms-ui-v2 #msToolTabs button{min-height:40px;font-size:11px}
  body.ms-ui-v2 #mwzPrevTop{top:8px;left:2px;right:2px;width:auto;max-width:calc(100% - 4px);height:auto;min-height:42px;padding:0 6px;box-sizing:border-box;overflow:hidden}
  body.ms-ui-v2 #satMixW{display:none!important}
  body.ms-ui-v2 #wizView{min-width:0;max-width:46%;margin:0!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
  body.ms-ui-v2 #wizView::-webkit-scrollbar{display:none}
  body.ms-ui-v2 #wizView button{flex:0 0 auto;padding:6px 7px}
  body.ms-ui-v2 #mwzActs{min-width:0;max-width:54%;margin-left:auto;gap:3px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
  body.ms-ui-v2 #mwzActs::-webkit-scrollbar{display:none}
  body.ms-ui-v2 #mwzActs .mwzA{padding:5px 6px!important}
  body.ms-ui-v2 #msUiActionBar{height:76px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))}
  body.ms-ui-v2 #msUiActionHint{display:none}
  body.ms-ui-v2 #msUiActionBar button{min-height:46px;padding:9px 12px}
  body.ms-ui-v2 #msUiActionBar .code{display:none}
  body.ms-ui-v2 #msUiActionBar button.primary{min-width:0;flex:1}
  body.ms-ui-v2 .fly{left:12px!important;right:12px!important;top:calc(var(--msTopH,62px) + 8px)!important;width:auto!important;max-height:calc(100dvh - var(--msTopH,62px) - 24px)!important;border-radius:var(--ms-ui-r-lg)}
}

@media(max-width:520px){
  body.ms-ui-v2 #mapwrap{flex-basis:48dvh!important;height:48dvh!important;min-height:330px}
  body.ms-ui-v2 #msToolTabs button span{display:none}
  body.ms-ui-v2 #msToolTabs button svg{width:19px;height:19px}
  body.ms-ui-v2 #msUiBrand img{width:98px}
  body.ms-ui-v2 #msUiBrandText small{display:none}
}

/* ===== [REDESIGN 23.09 — dokonczenie] poprawki po przejeciu: maska podgladu w kolorze pola roboczego
   (nie kremowa) i NIE wylewa sie na prawy panel; gorny pasek wg makiety (logo | projekt | akcje);
   w Studio na komputerze pasek boczny bez zdublowanego logo/tytulu (sa w gornym pasku); naglowek
   „Project setup"; przelacznik motywu widoczny; wszystko tylko prezentacja ===== */
body.ms-ui-v2 #mapwrap{position:relative;overflow:hidden}
/* „sciana" za produktem: core ustawia ja inline (cieply bialy; ciemniejsza przy bialej ramie — te zostawiamy);
   w nowym UI cieply bialy zamieniamy na kolor pola roboczego, po samej wartosci inline, wiec logika core zostaje */
body.ms-ui-v2 #mask #frame{box-shadow:0 0 0 9999px rgba(238,244,249,.94)}
body.ms-ui-v2 #frame[style*="250, 247, 240"]{box-shadow:0 0 0 9999px rgba(238,244,249,.94)!important}
body.ms-ui-v2.ms-dark #mask #frame,
body.ms-ui-v2.ms-dark #frame[style*="250, 247, 240"]{box-shadow:0 0 0 9999px rgba(11,23,39,.92)!important}
body.ms-ui-v2 #msInspector{position:relative;z-index:12}
body.ms-ui-v2 #sidebar{position:relative;z-index:12}
/* gorny pasek: logo po lewej, akcje po prawej */
body.ms-ui-v2 #wizTop{display:flex;align-items:center}
body.ms-ui-v2 #msUiBrand{order:0;margin-right:auto}
body.ms-ui-v2 #msUiBrandText small{font-size:11px;font-weight:700;color:var(--ms-ui-muted)}
body.ms-ui-v2 #wizSteps{order:1}
body.ms-ui-v2 #wizTopL{order:2;margin-left:auto}
body.ms-ui-v2 #wizTopR{order:3}
body.ms-ui-v2 #mwzLangs{display:inline-flex;gap:0;border:1px solid var(--ms-ui-line);border-radius:var(--ms-ui-r-sm);overflow:hidden;background:#fff}
body.ms-ui-v2 #mwzLangs .wtb{border:0;border-radius:0;min-height:34px;padding:6px 10px;font-size:11px;color:var(--ms-ui-muted)}
body.ms-ui-v2 #mwzLangs .wtb+.wtb{border-left:1px solid var(--ms-ui-line)}
body.ms-ui-v2 #mwzLangs .wtb.act{background:var(--ms-ui-blue-soft);color:#0d4f8f}
body.ms-ui-v2 #mwzTheme{display:inline-flex!important}
body.ms-ui-v2 #mwzTheme>.wtb{min-width:36px;justify-content:center}
body.ms-ui-v2 #mwzExit{background:var(--ms-ui-surface-soft)}
/* pasek boczny: naglowek bloku ustawien projektu; w Studio na komputerze bez zdublowanego logo/tytulu */
body.ms-ui-v2 .ms-rail-h{font-size:14px;font-weight:800;letter-spacing:-.015em;color:var(--ms-ui-text);margin:2px 0 10px}
body.ms-ui-v2.wizard .ms-rail-h{display:none}
@media(min-width:821px){
  body.ms-ui-v2:not(.wizard) #msBrandRow,
  body.ms-ui-v2:not(.wizard) #sidebar>h1,
  body.ms-ui-v2:not(.wizard) #msTitle,
  body.ms-ui-v2:not(.wizard) #sidebar>.sub,
  body.ms-ui-v2:not(.wizard) #msSub{display:none!important}
  body.ms-ui-v2:not(.wizard) #sidebar{padding-top:18px}
}
/* karty: rowne odstepy, spokojne naglowki */
body.ms-ui-v2 .card h2{margin-bottom:9px}
body.ms-ui-v2 .card .note{font-size:11px;line-height:1.5}
body.ms-ui-v2 #previewBtn,body.ms-ui-v2 #orderBtn{border-radius:var(--ms-ui-r-sm)!important;box-shadow:none!important;font-weight:800}
body.ms-ui-v2 #previewBtn{background:var(--ms-ui-surface)!important;border:1px solid var(--ms-ui-line)!important;color:var(--ms-ui-text)!important;padding:9px!important;font-size:12.5px;margin:0 0 4px!important}
body.ms-ui-v2 #previewBtn:hover{background:var(--ms-ui-surface-soft)!important;border-color:var(--ms-ui-line-strong)!important}
/* podglad: pigulki nad mapa w jednym rzedzie, przyciski historii jak reszta */
body.ms-ui-v2 #mwzActs .mwzA.org{background:var(--ms-ui-orange);border-color:var(--ms-ui-orange);color:#fff}
body.ms-ui-v2 #mwzActs .mwzA.org:hover{background:var(--ms-ui-orange-hover);border-color:var(--ms-ui-orange-hover)}
body.ms-ui-v2 #histBar .mwzA,body.ms-ui-v2 #histBar button{border:1px solid var(--ms-ui-line);background:#fff;color:var(--ms-ui-text);border-radius:var(--ms-ui-r-sm)}
/* dolny pasek akcji nie zaslania kart paska bocznego ani inspektora (maja padding-bottom), mapa nad nim */
body.ms-ui-v2 #msUiActionBar{box-shadow:0 -6px 24px rgba(16,42,73,.06)}
/* ciemny tryb: aktywna pigulka podgladu i historia czytelne */
body.ms-ui-v2.ms-dark #wizView button.act{background:var(--ms-ui-blue);color:#fff}
body.ms-ui-v2.ms-dark #histBar .mwzA,body.ms-ui-v2.ms-dark #histBar button,body.ms-ui-v2.ms-dark #mwzActs .mwzA:not(.org){background:var(--ms-ui-surface-soft);color:var(--ms-ui-text);border-color:var(--ms-ui-line)}
body.ms-ui-v2.ms-dark #mwzLangs,body.ms-ui-v2.ms-dark #mwzLangs .wtb{background:var(--ms-ui-surface-soft)}
body.ms-ui-v2.ms-dark #mwzLangs .wtb.act{background:var(--ms-ui-blue);color:#fff}
body.ms-ui-v2.ms-dark #previewBtn{background:var(--ms-ui-surface-soft)!important}
@media(min-width:821px){body.ms-ui-v2 #msUiMenuBtn{display:none!important}}
body.ms-ui-v2.ms-dark #wizTop.ms-menu-open #wizTopL,body.ms-ui-v2.ms-dark #wizTop.ms-menu-open #wizTopR,body.ms-ui-v2.ms-dark #msUiMenuBtn{background:var(--ms-ui-surface-soft)}
body.ms-ui-v2.ms-dark #msUiMenuBtn span{background:var(--ms-ui-text)}
/* podpisy w menu telefonu: ukryte poza rozwinietym menu (na komputerze core pokazuje pelne etykiety sam) */
body.ms-ui-v2 .ms-menu-lbl{display:none}
body.ms-ui-v2 #wizTop.ms-menu-open .ms-menu-lbl{display:inline;margin-left:6px}
@media(max-width:820px){
  body.ms-ui-v2 #wizTop.ms-menu-open #wizTopL,body.ms-ui-v2 #wizTop.ms-menu-open #wizTopR{flex-direction:column;align-items:stretch}
  body.ms-ui-v2 #wizTop.ms-menu-open #wizTopL{top:calc(100% + 6px);right:auto;width:min(320px,calc(100vw - 16px))}
  body.ms-ui-v2 #wizTop.ms-menu-open #wizTopR{top:auto;right:auto;width:min(320px,calc(100vw - 16px));margin-top:0}
  body.ms-ui-v2 #wizTop.ms-menu-open #wizTopL .wtb,body.ms-ui-v2 #wizTop.ms-menu-open #wizTopR .wtb{justify-content:flex-start;text-align:left;font-size:13px;width:100%}
  body.ms-ui-v2 #wizTop.ms-menu-open #mwzLangs,body.ms-ui-v2 #wizTop.ms-menu-open #msUnitSeg{display:inline-flex;width:auto}
  body.ms-ui-v2 #wizTop.ms-menu-open #msUnitSeg .wtb{width:auto}
}
body.ms-ui-v2.wizard #msInspector{display:none!important}
/* lupa podgladu (#msLoupe, style inline z core) nie nachodzi na „Next" kreatora ani na dolny pasek akcji */
body.ms-ui-v2.wizard #msLoupe{bottom:56px!important}
body.ms-ui-v2 #msLoupe{border-color:var(--ms-ui-line)!important;box-shadow:var(--ms-ui-shadow-soft)!important}

/* ===== [REDESIGN 23.09 v2 — przebudowa wg makiety] lewy blok „Map settings" i prawy „Selected layer":
   kazdy element to LUSTRO istniejacej kontrolki (designer-ui.js). Oryginalne karty mapy zostaja w DOM
   (pod „Advanced settings"), karty warstw w zakladce Layers. Panel prawy znika w kreatorze, 3D i 2D+3D. ===== */
body.ms-ui-v2 .ms-map-settings{margin:4px 0 12px}
body.ms-ui-v2 .ms-map-settings h2{font-size:15px;font-weight:800;letter-spacing:-.015em;color:var(--ms-ui-text);margin:0 0 8px;text-transform:none}
body.ms-ui-v2.wizard #msMapSettings,
body.ms-ui-v2:not(.wizard):not([data-ms-tool="map"]) #msMapSettings{display:none!important}
/* karty funkcji (topo/ocean/bathy): widoczne tylko gdy funkcja wlaczona — na komputerze w prawym panelu (Depth layers),
   na telefonie/3D pod Map settings; zoomCard ma pelne lustro (« − suwak + » klodka) */
body.ms-ui-v2:not(.wizard) .ms-feat-card:not(.ms-feat-on){display:none!important}
body.ms-ui-v2:not(.wizard) #zoomCard{display:none!important}
body.ms-ui-v2 #msDepthCards .card{margin:0 0 8px;padding:12px}
body.ms-ui-v2 #msDepthCards .card h2{font-size:11px}
/* [WLASCICIEL 23.09] w prawym panelu bez powtorek: opis batymetrii jest pod ⓘ przy przelaczniku po lewej, a sam
   wlacznik jest po lewej — w karcie zostaja tylko Surveyed/Modelled, liczba warstw i ustawienia modelu
   (elementy sa TYLKO schowane; w kreatorze i na telefonie karta jest pelna) */
body.ms-ui-v2 #msDepthCards .card>.note,
body.ms-ui-v2 #msDepthCards .card>label,
body.ms-ui-v2 #msDepthCards #stuNear{display:none!important}
body.ms-ui-v2 #msDepthCards #stuTrybRow{margin-top:2px}
body.ms-ui-v2 #msDepthCards input[type=range]{accent-color:var(--ms-ui-orange)}
body.ms-ui-v2 #msDepthCards .row{flex-wrap:wrap}
body.ms-ui-v2 #msDepthCards #stu_bathyShuffle{flex:1 1 100%!important;white-space:nowrap;margin-bottom:4px}
body.ms-ui-v2 #msDepthCards #stu_bathyJitter{flex:1 1 auto;width:auto!important;min-width:60px}
body.ms-ui-v2 .ms-range-noval output{display:none}
body.ms-ui-v2 .ms-btn-xs{width:28px;min-width:28px;font-size:14px;color:var(--ms-ui-muted)}
body.ms-ui-v2 .ms-field-lbl{font-size:11.5px;font-weight:700;color:var(--ms-ui-muted);margin:10px 0 6px}
body.ms-ui-v2 .ms-map-settings>.ms-field-lbl:first-of-type{margin-top:0}
/* wyszukiwarka miejsca (lustro #q/#qGo) */
body.ms-ui-v2 .ms-search{display:flex;align-items:center;min-height:42px;border:1px solid var(--ms-ui-line);border-radius:var(--ms-ui-r-sm);background:var(--ms-ui-surface);overflow:hidden}
body.ms-ui-v2 .ms-search:focus-within{border-color:var(--ms-ui-blue);box-shadow:0 0 0 3px var(--ms-ui-blue-soft)}
body.ms-ui-v2 .ms-search .ms-row-ic{flex:0 0 auto;padding:0 4px 0 11px}
body.ms-ui-v2 .ms-search input{flex:1 1 auto;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:8px 6px;font-size:13px;font-weight:600;color:var(--ms-ui-text);outline:0}
body.ms-ui-v2 .ms-search button{flex:0 0 auto;min-width:36px;height:40px;border:0;background:transparent;color:var(--ms-ui-muted);cursor:pointer;font-size:14px;display:inline-flex;align-items:center;justify-content:center}
body.ms-ui-v2 .ms-search button:hover{color:var(--ms-ui-text);background:var(--ms-ui-surface-soft)}
body.ms-ui-v2 .ms-search .ms-search-go{border-left:1px solid var(--ms-ui-line);color:var(--ms-ui-text)}
body.ms-ui-v2 .ms-search svg{width:18px;height:18px}
/* przyciski i suwaki nowego UI */
body.ms-ui-v2 .ms-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid var(--ms-ui-line);border-radius:var(--ms-ui-r-sm);background:var(--ms-ui-surface);color:var(--ms-ui-text);font:inherit;font-size:13px;font-weight:750;cursor:pointer;box-shadow:none;transition:background .15s,border-color .15s}
body.ms-ui-v2 .ms-btn:hover{background:var(--ms-ui-surface-soft);border-color:var(--ms-ui-line-strong)}
body.ms-ui-v2 .ms-btn:disabled{opacity:.45;cursor:default}
body.ms-ui-v2 .ms-btn.on{background:var(--ms-ui-blue);border-color:var(--ms-ui-blue);color:#fff}
body.ms-ui-v2 .ms-btn-sq{width:36px;min-width:36px;padding:0;font-size:18px;line-height:1}
body.ms-ui-v2 .ms-btn-ico{width:28px;min-width:28px;min-height:28px;padding:0;border:0;background:transparent;color:var(--ms-ui-faint);margin-right:6px}
body.ms-ui-v2 .ms-btn-ico svg{width:16px;height:16px}
body.ms-ui-v2 .ms-btn-wide{width:100%;margin-top:8px}
body.ms-ui-v2 .ms-range{position:relative;display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto;--p:50%}
body.ms-ui-v2 .ms-range input[type=range]{-webkit-appearance:none;appearance:none;flex:1 1 auto;min-width:0;height:6px;margin:0;border-radius:6px;background:linear-gradient(90deg,var(--ms-ui-orange) 0,var(--ms-ui-orange) var(--p),#dfe6ee var(--p),#dfe6ee 100%);outline:0;cursor:pointer}
body.ms-ui-v2 .ms-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--ms-ui-orange);border:3px solid #fff;box-shadow:0 1px 4px rgba(16,42,73,.25);cursor:grab}
body.ms-ui-v2 .ms-range input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ms-ui-orange);border:3px solid #fff;box-shadow:0 1px 4px rgba(16,42,73,.25);cursor:grab}
body.ms-ui-v2 .ms-range input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:transparent}
body.ms-ui-v2 .ms-range output{flex:0 0 auto;min-width:58px;padding:7px 8px;border:1px solid var(--ms-ui-line);border-radius:var(--ms-ui-r-sm);background:var(--ms-ui-surface);font-size:12px;font-weight:750;text-align:center;color:var(--ms-ui-text);white-space:nowrap}
body.ms-ui-v2 .ms-zoom{display:flex;align-items:center;gap:6px}
body.ms-ui-v2 .ms-zoom .ms-zlock{font-size:15px}
/* wiersze ustawien: ikona | tytul + podpis | kontrolka */
body.ms-ui-v2 .ms-row{display:flex;align-items:center;flex-wrap:wrap;gap:0 10px;padding:9px 0;border-bottom:1px solid var(--ms-ui-line)}
body.ms-ui-v2 .ms-map-settings .ms-row:last-child{border-bottom:0}
body.ms-ui-v2 .ms-row-ic{flex:0 0 26px;display:inline-flex;align-items:center;justify-content:center;color:var(--ms-ui-blue)}
body.ms-ui-v2 .ms-row-ic svg{width:20px;height:20px}
body.ms-ui-v2 .ms-row-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
body.ms-ui-v2 .ms-row-txt b{font-size:13.5px;font-weight:750;color:var(--ms-ui-text);line-height:1.3}
body.ms-ui-v2 .ms-row-txt small{font-size:11.5px;color:var(--ms-ui-muted);line-height:1.35}
body.ms-ui-v2 .ms-row-right{flex:0 0 auto;display:inline-flex;align-items:center;color:var(--ms-ui-faint)}
body.ms-ui-v2 .ms-row-val{min-width:64px;padding:6px 9px;border:1px solid var(--ms-ui-line);border-radius:var(--ms-ui-r-sm);background:var(--ms-ui-surface);font-size:12px;font-weight:750;text-align:center;color:var(--ms-ui-text)}
body.ms-ui-v2 .ms-chev{width:18px;height:18px;transition:transform .18s}
body.ms-ui-v2 .ms-chev-down{transform:rotate(90deg)}
body.ms-ui-v2 .ms-row-link{cursor:pointer;border-radius:8px}
body.ms-ui-v2 .ms-row-link:hover{background:var(--ms-ui-surface-soft)}
body.ms-ui-v2 .ms-row-link:hover .ms-row-right{color:var(--ms-ui-text)}
body.ms-ui-v2 .ms-row-link:focus-visible{outline:2px solid var(--ms-ui-blue);outline-offset:-2px}
body.ms-ui-v2 .ms-sub-range{flex:1 1 100%;display:none;margin:8px 0 2px 36px}
body.ms-ui-v2 .ms-row.on .ms-sub-range{display:flex}
/* przelacznik (lustro checkboxa) */
body.ms-ui-v2 .ms-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none;margin:0}
body.ms-ui-v2 .ms-switch-lbl{font-size:13px;font-weight:700;color:var(--ms-ui-text)}
body.ms-ui-v2 .ms-switch-lbl:empty{display:none}
body.ms-ui-v2 .ms-switch-ui{position:relative;width:44px;height:24px;flex:0 0 44px}
body.ms-ui-v2 .ms-switch-ui input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
body.ms-ui-v2 .ms-switch-ui i{position:absolute;inset:0;border-radius:24px;background:#8b98a8;transition:background .18s}
body.ms-ui-v2 .ms-switch-ui i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .18s}
body.ms-ui-v2 .ms-switch.on .ms-switch-ui i{background:var(--ms-ui-blue)}
body.ms-ui-v2 .ms-switch.on .ms-switch-ui i::after{transform:translateX(20px)}
body.ms-ui-v2 .ms-switch-ui input:focus-visible+i{box-shadow:0 0 0 3px var(--ms-ui-blue-soft)}
body.ms-ui-v2 .ms-switch-row{display:flex;justify-content:space-between;width:100%;padding:6px 0 10px}
/* prawy panel */
body.ms-ui-v2 #msInspector{padding:18px 16px 84px}
body.ms-ui-v2 #msInspectorHead{border-bottom:0;padding-bottom:8px;margin-bottom:0}
body.ms-ui-v2 #msInspectorHead strong{font-size:15px}
body.ms-ui-v2 .ms-select-wrap{position:relative;margin-bottom:6px}
body.ms-ui-v2 .ms-select{width:100%;min-height:44px;padding:9px 38px 9px 12px;border:1px solid var(--ms-ui-line);border-radius:var(--ms-ui-r-sm);background:var(--ms-ui-surface);color:var(--ms-ui-text);font:inherit;font-size:13px;font-weight:750;-webkit-appearance:none;appearance:none;cursor:pointer}
body.ms-ui-v2 .ms-select:focus{outline:0;border-color:var(--ms-ui-blue);box-shadow:0 0 0 3px var(--ms-ui-blue-soft)}
body.ms-ui-v2 .ms-select-wrap .ms-chev{position:absolute;right:12px;top:50%;margin-top:-9px;pointer-events:none;color:var(--ms-ui-faint)}
body.ms-ui-v2 .ms-insp-h{font-size:13.5px;font-weight:800;letter-spacing:-.01em;color:var(--ms-ui-text);margin:16px 0 6px;padding-top:12px;border-top:1px solid var(--ms-ui-line)}
body.ms-ui-v2 .ms-select-wrap+.ms-insp-h{border-top:0;padding-top:0;margin-top:10px}
body.ms-ui-v2 .ms-layer-block .ms-field-lbl{margin-top:4px}
body.ms-ui-v2 .ms-range-mm{margin-bottom:8px}
body.ms-ui-v2 .ms-note{padding:10px 12px;border-radius:10px;background:var(--ms-ui-blue-soft);color:var(--ms-ui-text);font-size:11.5px;line-height:1.5}
body.ms-ui-v2 .ms-note:empty{display:none}
body.ms-ui-v2 .ms-note b{font-weight:800}
body.ms-ui-v2 #msDepth .ms-range{margin:6px 0}
body.ms-ui-v2 #msDepth .ms-range output{min-width:0;flex:0 0 46%;text-align:left}
body.ms-ui-v2 .ms-seg{display:flex;gap:6px;margin:8px 0 2px}
body.ms-ui-v2 .ms-seg-b{flex:1;min-height:36px;border:1px solid var(--ms-ui-line);border-radius:var(--ms-ui-r-sm);background:var(--ms-ui-surface);color:var(--ms-ui-muted);font:inherit;font-size:12.5px;font-weight:750;cursor:pointer}
body.ms-ui-v2 .ms-seg-b.on{background:var(--ms-ui-blue-soft);border-color:var(--ms-ui-blue);color:var(--ms-ui-blue)}
body.ms-ui-v2 .ms-seg-b:disabled{opacity:.45;cursor:default}
body.ms-ui-v2 .ms-depth-none{margin-top:4px}
body.ms-ui-v2 .ms-insp-hint .ms-note{color:var(--ms-ui-muted)}
/* panel prawy znika, gdy nie ma czego lustrowac: kreator, 3D, 2D+3D (scena 3D zajmuje prawa polowe) */
body.ms-ui-v2.wiz-3d #msInspector,body.ms-ui-v2.wiz-split #msInspector{display:none!important}
/* plywajace przyciski na mapie (lustra #zu/#zd/#lockBtn/#previewBtn) */
body.ms-ui-v2 #msMapCtl{position:absolute;right:14px;top:120px;z-index:30;display:flex;flex-direction:column;gap:6px;padding:6px;border:1px solid var(--ms-ui-line);border-radius:12px;background:rgba(255,255,255,.96);box-shadow:var(--ms-ui-shadow-soft);backdrop-filter:blur(8px)}
body.ms-ui-v2 #msMapCtl .ms-btn-sq{width:38px;min-width:38px;height:38px;border-color:transparent}
body.ms-ui-v2 #msMapCtl .ms-btn-sq svg{width:18px;height:18px}
body.ms-ui-v2 #msMapCtl .ms-btn-sq:hover{border-color:var(--ms-ui-line)}
body.ms-ui-v2.wizard #msMapCtl,body.ms-ui-v2.wiz-3d #msMapCtl{display:none!important}
body.ms-ui-v2.wiz-split #msMapCtl{right:auto;left:14px}
/* podsumowanie kreatora (krok 5) w Studio jest puste — nie rysujemy pustej karty */
body.ms-ui-v2:not(.wizard) #mwzSummary:empty{display:none}
/* ciemny motyw nowych elementow */
body.ms-ui-v2.ms-dark .ms-btn,body.ms-ui-v2.ms-dark .ms-search,body.ms-ui-v2.ms-dark .ms-select,body.ms-ui-v2.ms-dark .ms-range output,body.ms-ui-v2.ms-dark .ms-row-val,body.ms-ui-v2.ms-dark .ms-seg-b{background:var(--ms-ui-surface-soft);color:var(--ms-ui-text)}
body.ms-ui-v2.ms-dark .ms-btn.on{background:var(--ms-ui-blue);color:#fff}
body.ms-ui-v2.ms-dark .ms-range input[type=range]{background:linear-gradient(90deg,var(--ms-ui-orange) 0,var(--ms-ui-orange) var(--p),#2c4664 var(--p),#2c4664 100%)}
body.ms-ui-v2.ms-dark .ms-range input[type=range]::-webkit-slider-thumb{border-color:var(--ms-ui-surface)}
body.ms-ui-v2.ms-dark .ms-note{background:#1b3350}
body.ms-ui-v2.ms-dark .ms-switch-ui i{background:#3d5674}
body.ms-ui-v2.ms-dark #msMapCtl{background:rgba(20,38,60,.96)}
body.ms-ui-v2.ms-dark .ms-seg-b.on{background:#1b3350;color:#9cc3ff}
/* telefon: „Map settings" jako arkusz pod mapa (uchwyt), przyciski na mapie nizej, bez poziomego przewijania */
@media(max-width:820px){
  body.ms-ui-v2 .ms-map-settings{position:relative;margin:-2px -12px 12px;padding:22px 14px 8px;border-radius:18px 18px 0 0;background:var(--ms-ui-surface)}
  body.ms-ui-v2 .ms-map-settings::before{content:"";position:absolute;left:50%;top:8px;width:44px;height:5px;margin-left:-22px;border-radius:5px;background:#cfd8e3}
  body.ms-ui-v2 .ms-map-settings h2{font-size:19px}
  body.ms-ui-v2 #msMapCtl{top:60px;right:8px;padding:4px}
  /* [TEKSTURY-3D] w 3D na telefonie mapa wyzsza — prawy slupek sceny (warstwy, rozsuwanie, Materials) musi sie zmiescic */
  body.ms-ui-v2.wiz-3d #mapwrap,body.ms-ui-v2.wiz-split #mapwrap{flex:0 0 80dvh!important;height:80dvh!important}
  body.ms-ui-v2 #w3right{max-height:calc(100% - 66px);overflow:auto;scrollbar-width:none}
  body.ms-ui-v2 #msMapCtl .ms-btn-sq{width:36px;min-width:36px;height:36px}
  body.ms-ui-v2 .ms-row-txt b{font-size:14px}
  body.ms-ui-v2 .ms-range input[type=range]{height:8px}
}

/* ===== SIMPLE MODE 23.09 — spokojny kreator etap po etapie =====
   Ta sekcja zmienia tylko prezentacje istniejacego wizarda. Wszystkie pola,
   handlery, stan projektu, mapa i eksport pozostaja w core bez zmian. */
body.ms-ui-v2 .ms-simple-step{display:none}
body.ms-ui-v2.wizard .ms-simple-step{
  display:block;
  margin:0 0 8px;
  color:var(--ms-ui-muted);
  font-size:12px;
  font-weight:750;
  letter-spacing:.01em;
}
body.ms-ui-v2.wizard #mwzTitle{
  margin:0 0 6px;
  color:var(--ms-ui-text);
  font-size:24px;
  font-weight:800;
  line-height:1.18;
  letter-spacing:-.035em;
}
body.ms-ui-v2.wizard #mwzSub{
  margin:0 0 18px;
  color:var(--ms-ui-muted);
  font-size:13px;
  line-height:1.5;
}
body.ms-ui-v2.wizard #msBrandRow,
body.ms-ui-v2.wizard #msTitle,
body.ms-ui-v2.wizard #msSub{display:none!important}

/* progress: piec rownych etapow, ten sam jezyk wizualny co zakladki Studio */
body.ms-ui-v2.wizard #wizSteps{
  flex:0 1 650px;
  min-width:390px;
  margin:0 auto;
  padding:0 8px;
}
body.ms-ui-v2.wizard #wizSteps .ws{
  flex:0 0 auto;
  gap:7px;
  color:var(--ms-ui-faint);
  font-size:11.5px;
  font-weight:750;
}
body.ms-ui-v2.wizard #wizSteps .wsc{
  width:30px;
  height:30px;
  border:1.5px solid var(--ms-ui-line-strong);
  color:var(--ms-ui-muted);
  font-size:11.5px;
  font-weight:800;
}
body.ms-ui-v2.wizard #wizSteps .wsl{
  flex:1 1 50px;
  width:auto;
  min-width:20px;
  max-width:62px;
  margin:0 10px;
  background:var(--ms-ui-line);
}
body.ms-ui-v2.wizard #wizSteps .ws.act{color:var(--ms-ui-blue)}
body.ms-ui-v2.wizard #wizSteps .ws.act .wsc{
  border-color:var(--ms-ui-blue);
  background:var(--ms-ui-blue);
  color:#fff;
  box-shadow:0 0 0 4px var(--ms-ui-blue-soft);
}
body.ms-ui-v2.wizard #wizSteps .ws.done{color:var(--ms-ui-green)}
body.ms-ui-v2.wizard #wizSteps .ws.done .wsc{
  border-color:#8dcbb0;
  background:#e8f7f0;
  color:var(--ms-ui-green);
  box-shadow:none;
}

/* lewy panel workflow */
body.ms-ui-v2.wizard #sidebar{
  width:446px;
  flex:0 0 446px;
  padding:26px 18px 0;
  background:#fff;
  border-right:1px solid var(--ms-ui-line);
  box-shadow:none;
}
body.ms-ui-v2.wizard #sidebar>[data-wstep]:not(.wiz-off){animation:ms-simple-in .18s ease-out both}
@keyframes ms-simple-in{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}

/* krok 1: rowne kafle produktow z podpisem pod zdjeciem */
body.ms-ui-v2.wizard #mwzProducts{margin:0 0 8px}
body.ms-ui-v2.wizard #styleTiles{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body.ms-ui-v2.wizard #styleTiles .tile{
  height:230px;
  aspect-ratio:auto;
  border:1px solid var(--ms-ui-line);
  border-radius:var(--ms-ui-r);
  background-color:var(--ms-ui-surface-soft);
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
  box-shadow:none;
  overflow:hidden;
}
body.ms-ui-v2.wizard #styleTiles .tile:hover{
  transform:translateY(-1px);
  border-color:#91baff;
  box-shadow:var(--ms-ui-shadow-soft);
}
body.ms-ui-v2.wizard #styleTiles .tile.active{
  border:2px solid var(--ms-ui-blue);
  box-shadow:0 0 0 3px rgba(22,112,248,.12);
}
body.ms-ui-v2.wizard #styleTiles .tile.active::after{
  top:9px;
  right:9px;
  width:24px;
  height:24px;
  background:var(--ms-ui-blue);
  box-shadow:0 2px 8px rgba(16,42,73,.22);
}
body.ms-ui-v2.wizard #styleTiles .tlbl{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  min-height:62px;
  padding:9px 10px 10px;
  background:#fff;
  color:var(--ms-ui-text);
  border-top:1px solid var(--ms-ui-line);
}
body.ms-ui-v2.wizard #styleTiles .tname{
  color:var(--ms-ui-text);
  font-size:12.5px;
  font-weight:800;
  line-height:1.25;
}
body.ms-ui-v2.wizard #styleTiles .tprice{display:none}
body.ms-ui-v2.wizard #styleTiles .ms-simple-desc{
  display:block;
  margin-top:3px;
  color:var(--ms-ui-muted);
  font-size:10.5px;
  font-weight:600;
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.ms-ui-v2:not(.wizard) #styleTiles .ms-simple-desc{display:none}
body.ms-ui-v2.wizard #styleTiles .ms-upgrade-bar{top:10px;font-size:8.5px}
body.ms-ui-v2.wizard #styleTiles .ms-lock{top:9px;left:9px}

/* kroki 2-4: jeden system kart i rownych decyzji */
body.ms-ui-v2.wizard .wiz-inline,
body.ms-ui-v2.wizard .card,
body.ms-ui-v2.wizard .pick{
  border:1px solid var(--ms-ui-line);
  border-radius:var(--ms-ui-r);
  background:#fff;
  box-shadow:none;
}
body.ms-ui-v2.wizard .wiz-inline{margin-bottom:12px;padding:14px}
body.ms-ui-v2.wizard .wiz-inline h3,
body.ms-ui-v2.wizard .card h2{
  color:var(--ms-ui-text);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
body.ms-ui-v2.wizard .shape-opt,
body.ms-ui-v2.wizard #shapeRow{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px!important}
body.ms-ui-v2.wizard .shape-opt .shapeIco,
body.ms-ui-v2.wizard #shapeRow button{
  width:100%!important;
  min-width:0;
  height:50px;
  border:1px solid var(--ms-ui-line);
  border-radius:var(--ms-ui-r-sm);
  background:#fff;
  color:var(--ms-ui-text);
}
body.ms-ui-v2.wizard .shape-opt .shapeIco.active,
body.ms-ui-v2.wizard #shapeRow button.active{
  border-color:var(--ms-ui-blue);
  background:var(--ms-ui-blue);
  color:#fff;
  box-shadow:none;
}
body.ms-ui-v2.wizard #qGo{
  min-height:38px;
  border-color:var(--ms-ui-blue)!important;
  background:var(--ms-ui-blue)!important;
  color:#fff!important;
  font-weight:800;
}
body.ms-ui-v2.wizard #bndRow{display:flex!important;align-items:center;gap:8px}
body.ms-ui-v2.wizard #bndRow #bndQ{display:block!important;flex:1 1 auto;min-width:0;width:auto!important}
body.ms-ui-v2.wizard #bndRow #bndBtn{flex:0 0 112px;width:112px!important;min-height:36px;padding:7px 10px}
body.ms-ui-v2.wizard #mwzDetail{padding:14px;margin-bottom:12px}
body.ms-ui-v2.wizard #mwzDetail .chips3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.ms-ui-v2.wizard #mwzDetail .c3{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:9px 6px;
  border:1px solid var(--ms-ui-line);
  border-radius:var(--ms-ui-r-sm);
  color:var(--ms-ui-muted);
  font-size:12px;
}
body.ms-ui-v2.wizard #mwzDetail .c3.act{
  border-color:var(--ms-ui-blue);
  background:var(--ms-ui-blue);
  color:#fff;
  box-shadow:none;
}
body.ms-ui-v2.wizard .pick{min-height:58px;margin-bottom:10px;padding:10px 12px}
body.ms-ui-v2.wizard .pick .pklabel{width:72px}

/* Dodatki sa opcjonalne: zamiast sciany kontrolek — rowne, rozwijane przyciski. */
body.ms-ui-v2 .ms-simple-option-toggle{display:none}
body.ms-ui-v2.wizard .ms-simple-option{
  padding:0;
  margin-bottom:10px;
  overflow:hidden;
}
body.ms-ui-v2.wizard .ms-simple-option-toggle{
  width:100%;
  min-height:64px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:11px 13px;
  border:0;
  background:#fff;
  color:var(--ms-ui-text);
  text-align:left;
  cursor:pointer;
}
body.ms-ui-v2.wizard .ms-simple-option-toggle:hover{background:var(--ms-ui-surface-soft)}
body.ms-ui-v2.wizard .ms-simple-option-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
body.ms-ui-v2.wizard .ms-simple-option-copy strong{font-size:12px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
body.ms-ui-v2.wizard .ms-simple-option-copy small{color:var(--ms-ui-muted);font-size:11px;line-height:1.35}
body.ms-ui-v2.wizard .ms-simple-option-plus{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  flex:0 0 30px;
  border:1px solid var(--ms-ui-line);
  border-radius:8px;
  color:var(--ms-ui-blue);
  font-size:18px;
}
body.ms-ui-v2.wizard .ms-simple-option:not(.ms-simple-open)>:not(.ms-simple-option-toggle){display:none!important}
body.ms-ui-v2.wizard .ms-simple-option.ms-simple-open{padding-bottom:13px}
body.ms-ui-v2.wizard .ms-simple-option.ms-simple-open>.ms-simple-option-toggle{margin-bottom:11px;border-bottom:1px solid var(--ms-ui-line)}
body.ms-ui-v2.wizard .ms-simple-option.ms-simple-open>h2{display:none!important}
body.ms-ui-v2.wizard .ms-simple-option.ms-simple-open>:not(.ms-simple-option-toggle):not(h2){margin-left:13px;margin-right:13px}

/* Nawigacja nie plywa po mapie: jest stala i przewidywalna w panelu kroku. */
body.ms-ui-v2.wizard #wizNav{
  position:sticky;
  left:auto;
  right:auto;
  bottom:0;
  z-index:55;
  width:auto;
  min-width:0;
  max-width:none;
  margin:22px -18px 0;
  padding:12px 18px 14px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  border:0;
  border-top:1px solid var(--ms-ui-line);
  border-radius:0;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 -8px 24px rgba(16,42,73,.06)!important;
  backdrop-filter:blur(10px);
}
body.ms-ui-v2.wizard #mwzPrice{
  grid-column:1/-1;
  min-height:0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--ms-ui-muted);
  font-size:11.5px;
  text-align:right;
}
body.ms-ui-v2.wizard #mwzPrice:empty{display:none}
body.ms-ui-v2.wizard #wizNav button,
body.ms-ui-v2.wizard #wizNav #msExpBtn{
  width:100%;
  min-height:44px;
  padding:9px 14px;
  border-radius:var(--ms-ui-r-sm);
  font-size:12.5px;
  font-weight:800;
}
body.ms-ui-v2.wizard #mwzBack{
  border:1px solid var(--ms-ui-line);
  background:var(--ms-ui-surface-soft);
  color:var(--ms-ui-muted);
  backdrop-filter:none;
}
body.ms-ui-v2.wizard[data-ms-simple-step="1"] #mwzBack{
  visibility:visible!important;
  opacity:.52;
  pointer-events:none;
}
body.ms-ui-v2.wizard #mwzNext,
body.ms-ui-v2.wizard #wizNav #msExpBtn{
  grid-column:2;
  border:1px solid var(--ms-ui-orange);
  background:var(--ms-ui-orange);
  color:#fff;
  box-shadow:none;
}
body.ms-ui-v2.wizard #mwzNext:hover,
body.ms-ui-v2.wizard #wizNav #msExpBtn:hover{background:var(--ms-ui-orange-hover);border-color:var(--ms-ui-orange-hover)}
body.ms-ui-v2.wizard #mwzSummary{
  padding:16px;
  border:1px solid var(--ms-ui-line);
  border-radius:var(--ms-ui-r);
  background:var(--ms-ui-surface-soft);
  color:var(--ms-ui-text);
  font-size:13px;
  line-height:1.7;
}

body.ms-ui-v2.ms-dark.wizard #styleTiles .tlbl,
body.ms-ui-v2.ms-dark.wizard .ms-simple-option-toggle,
body.ms-ui-v2.ms-dark.wizard #wizNav{background:var(--ms-ui-surface)!important}
body.ms-ui-v2.ms-dark.wizard #styleTiles .tlbl{border-color:var(--ms-ui-line)}

@media(min-width:821px) and (max-width:1450px){
  body.ms-ui-v2.wizard #sidebar{width:410px;flex-basis:410px}
  body.ms-ui-v2.wizard #styleTiles .tile{height:214px}
  body.ms-ui-v2.wizard #wizSteps{flex-basis:520px;min-width:320px}
  body.ms-ui-v2.wizard #wizSteps .ws span:not(.wsc){display:none}
  body.ms-ui-v2.wizard #wizSteps .ws{font-size:10.5px;gap:0}
  body.ms-ui-v2.wizard #wizSteps .wsl{margin:0 6px}
  body.ms-ui-v2.wizard #msUiBrandText small{display:none}
}

@media(max-width:820px){
  body.ms-ui-v2.wizard #wizTop{min-height:62px}
  body.ms-ui-v2.wizard #wizSteps{min-width:0;flex:1 0 100%;height:44px!important;padding:0 16px}
  body.ms-ui-v2.wizard #wizSteps .ws{gap:0}
  body.ms-ui-v2.wizard #wizSteps .wsc{width:28px;height:28px}
  body.ms-ui-v2.wizard #wizSteps .wsl{min-width:12px;max-width:none;margin:0 5px}
  body.ms-ui-v2.wizard #sidebar{
    width:100%!important;
    padding:24px 14px 104px!important;
  }
  body.ms-ui-v2.wizard #mwzTitle{font-size:23px}
  body.ms-ui-v2.wizard #mwzSub{font-size:13px;margin-bottom:16px}
  body.ms-ui-v2.wizard #styleTiles{gap:10px}
  body.ms-ui-v2.wizard #styleTiles .tile{height:224px}
  body.ms-ui-v2.wizard #wizNav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    margin:0;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));
    grid-template-columns:repeat(2,minmax(0,1fr));
    border-top:1px solid var(--ms-ui-line)!important;
  }
  body.ms-ui-v2.wizard #msMobPrev{
    left:12px;
    right:auto;
    bottom:calc(74px + env(safe-area-inset-bottom,0px));
    min-height:40px;
    padding:9px 13px;
    border-radius:var(--ms-ui-r-sm);
    background:rgba(16,42,73,.92);
  }
  body.ms-ui-v2.wizard.ms-mob-prev #sidebar{
    height:0!important;
    min-height:0!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    pointer-events:none!important;
    z-index:230!important;
  }
  body.ms-ui-v2.wizard.ms-mob-prev #sidebar>*:not(#wizNav){display:none!important}
  body.ms-ui-v2.wizard.ms-mob-prev #wizNav{display:grid!important;pointer-events:auto!important;z-index:230!important}
}

@media(max-width:520px){
  body.ms-ui-v2.wizard #styleTiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ms-ui-v2.wizard #styleTiles .tile{height:210px}
  body.ms-ui-v2.wizard #styleTiles .tlbl{min-height:64px;padding:8px 9px}
  body.ms-ui-v2.wizard #styleTiles .ms-simple-desc{font-size:10px}
  body.ms-ui-v2.wizard .shape-opt,
  body.ms-ui-v2.wizard #shapeRow{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* [MALE-PRZYCISKI 24.09, wlasciciel: „przyciski wielkie, a nie ma gdzie pisac — przyciski rowne, powinny byc male"]
   W core .shapeIco to DWIE rzeczy naraz: kafelek ksztaltu 52x52 (w .shape-opt / #shapeRow / #pinShapes) ORAZ zwykly
   przycisk tekstowy (+ Add text, + Add, ⤓ From view, 🎯 Pick street, ✕ All, Upload SVG, ⌖ Boundary, Set, listy
   napisow/etykiet/jezior). Regula kreatora „width:100%; height:50px" byla dla kafelkow, a lapala wszystko —
   pole „Type a label…" znikalo. Tekstowe: 34 px, rowne w wierszu; kafelki ksztaltu/pinezek (.shape-opt): bez zmian. */
body.ms-ui-v2 .shapeIco:not(.shape-opt .shapeIco){
  height:auto;
  min-height:34px;
  padding:6px 10px;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
}
body.ms-ui-v2 #stl_new{min-height:34px;flex:1 1 auto;min-width:0;border:1px solid var(--ms-ui-line)!important;background:var(--ms-ui-surface)!important;color:var(--ms-ui-text)!important}
body.ms-ui-v2 #stlAddBtn{flex:0 0 auto;width:auto!important}
body.ms-ui-v2 #stlPull,
body.ms-ui-v2 #stlPick,
body.ms-ui-v2 #stlClear{flex:1 1 0;min-width:0;width:auto!important;padding:6px 6px;white-space:nowrap}
body.ms-ui-v2 #stlList .shapeIco{min-height:26px}
body.ms-ui-v2 #stlAllMinus,
body.ms-ui-v2 #stlAllPlus{min-height:30px}

/* [WIERSZ-TEKST 24.09] Tekst wiersza w Map settings startuje od zerowej szerokosci i rosnie w wolne miejsce —
   dlugi podpis (np. Bathymetry: „Water depth — sea & lakes, surveyed where available") zawija sie w swojej
   kolumnie, a ⓘ i przelacznik zostaja w tej samej linii. Suwak pod wierszem (ms-sub-range) dalej schodzi nizej. */
body.ms-ui-v2 .ms-row-txt{flex-basis:0}

/* [DETAIL-GRAWER 24.09] Street detail: drugi rzad (All engraved / All scored) — dwie rowne kolumny pod trzema zestawami */
body.ms-ui-v2 #mwzDetail .chips3.ms-chips2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}