/* Screenshot Map Maker 1.3.1 — Windows 11 / Fluent visual layer */
:root{
  --smm-fluent-bg:#f3f3f3;
  --smm-fluent-surface:rgba(252,252,252,.94);
  --smm-fluent-surface-solid:#fbfbfb;
  --smm-fluent-border:rgba(0,0,0,.10);
  --smm-fluent-border-strong:rgba(0,0,0,.16);
  --smm-fluent-text:#202020;
  --smm-fluent-muted:#666;
  --smm-fluent-accent:#0067c0;
  --smm-fluent-accent-hover:#005a9e;
  --smm-fluent-accent-soft:#e6f2fb;
  --smm-fluent-danger:#c42b1c;
  --smm-fluent-radius:8px;
  --smm-fluent-shadow:0 8px 24px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08);
  --smm-fluent-shadow-small:0 2px 8px rgba(0,0,0,.09);
}

body.smm-layout-v13{
  background:var(--smm-fluent-bg)!important;
  color:var(--smm-fluent-text)!important;
  font-family:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,sans-serif!important;
}
body.smm-layout-v13 .app-shell{background:var(--smm-fluent-bg)!important}

/* App title bar */
body.smm-layout-v13 .topbar{
  height:56px!important;min-height:56px!important;
  padding:0 14px!important;
  gap:11px!important;
  background:rgba(249,249,249,.96)!important;
  border-bottom:1px solid var(--smm-fluent-border)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.9)!important;
  backdrop-filter:blur(24px) saturate(140%);
}
body.smm-layout-v13 .brand-mark{
  width:34px!important;height:34px!important;
  border-radius:9px!important;
  background:linear-gradient(145deg,#0a78d1,#005fb8)!important;
  box-shadow:0 2px 7px rgba(0,103,192,.25)!important;
}
body.smm-layout-v13 .topbar h1{
  color:#1f1f1f!important;
  font:600 14px/1.15 "Segoe UI Variable Display","Segoe UI",sans-serif!important;
  letter-spacing:-.01em!important;
}
body.smm-layout-v13 .topbar p{
  margin-top:3px!important;
  color:#757575!important;
  font:400 10px/1 "Segoe UI Variable Text","Segoe UI",sans-serif!important;
}
body.smm-layout-v13 .runtime-state{
  color:#6a6a6a!important;font-size:10px!important;
}
body.smm-layout-v13 .runtime-state.online{color:#107c10!important}

.smm-v13-actions{
  height:38px!important;
  gap:5px!important;
  padding:0 0 0 12px!important;
  border-left:1px solid var(--smm-fluent-border)!important;
}
.smm-v13-actions button{
  height:34px!important;min-width:74px!important;
  padding:0 11px!important;
  gap:7px!important;
  border:1px solid var(--smm-fluent-border)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.66)!important;
  color:#323232!important;
  font:500 11px/1 "Segoe UI Variable Text","Segoe UI",sans-serif!important;
  box-shadow:0 1px 1px rgba(0,0,0,.03)!important;
  transition:background .12s,border-color .12s,box-shadow .12s,transform .08s!important;
}
.smm-v13-actions button span{font-size:16px!important;color:#555!important}
.smm-v13-actions button:hover{
  background:#fff!important;border-color:var(--smm-fluent-border-strong)!important;
  box-shadow:var(--smm-fluent-shadow-small)!important;
}
.smm-v13-actions button:active{transform:translateY(1px)}
.smm-v13-actions button.primary{
  background:var(--smm-fluent-accent)!important;
  border-color:var(--smm-fluent-accent)!important;
  color:#fff!important;
  box-shadow:0 2px 5px rgba(0,103,192,.22)!important;
}
.smm-v13-actions button.primary span{color:#fff!important}
.smm-v13-actions button.primary:hover{background:var(--smm-fluent-accent-hover)!important}

/* Workspace */
body.smm-layout-v13 .workspace{height:calc(100vh - 56px)!important;background:#e9e9e9!important}
body.smm-layout-v13 .map-pane{background:#ddd!important}
body.smm-layout-v13 .map-canvas{inset:66px 0 28px 62px!important}

/* Fluent floating left toolbar */
body.smm-layout-v13 .smm-draw-toolbar{
  top:76px!important;left:10px!important;bottom:auto!important;
  width:42px!important;
  padding:5px!important;
  gap:3px!important;
  border:1px solid var(--smm-fluent-border)!important;
  border-radius:10px!important;
  background:rgba(250,250,250,.92)!important;
  box-shadow:var(--smm-fluent-shadow)!important;
  backdrop-filter:blur(22px) saturate(150%)!important;
}
body.smm-layout-v13 .smm-draw-toolbar button{
  width:30px!important;min-width:30px!important;
  height:34px!important;min-height:34px!important;
  margin:0!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
  color:#444!important;
  background:transparent!important;
  transition:background .1s,border-color .1s,color .1s!important;
}
body.smm-layout-v13 .smm-draw-toolbar button:hover:not(:disabled){
  background:rgba(0,0,0,.055)!important;
  border-color:rgba(0,0,0,.035)!important;
  color:#111!important;
}
body.smm-layout-v13 .smm-draw-toolbar button.active{
  background:var(--smm-fluent-accent-soft)!important;
  border-color:rgba(0,103,192,.22)!important;
  color:var(--smm-fluent-accent)!important;
  box-shadow:none!important;
}
body.smm-layout-v13 .smm-draw-toolbar button.active::before{
  content:"";position:absolute;left:-5px;top:9px;width:3px;height:16px;
  border-radius:3px;background:var(--smm-fluent-accent);
}
body.smm-layout-v13 .smm-draw-toolbar button.danger{
  margin-top:5px!important;border-top:1px solid var(--smm-fluent-border)!important;color:#a4262c!important;
}
body.smm-layout-v13 .smm-draw-toolbar button.danger:hover:not(:disabled){background:#fde7e9!important;color:#a4262c!important}
.smm-tool-icon{font:500 18px/1 "Segoe UI Symbol","Segoe UI",sans-serif!important}
.smm-tool-label{
  left:42px!important;
  padding:6px 9px!important;
  border:1px solid var(--smm-fluent-border)!important;
  border-radius:6px!important;
  background:#fff!important;color:#242424!important;
  box-shadow:var(--smm-fluent-shadow-small)!important;
  font:500 10px/1 "Segoe UI Variable Text","Segoe UI",sans-serif!important;
}

/* Contextual properties ribbon */
body.smm-layout-v13 .smm-draw-panel{
  top:8px!important;left:62px!important;right:10px!important;
  height:50px!important;max-height:50px!important;
  padding:4px 8px!important;
  gap:8px!important;
  border:1px solid var(--smm-fluent-border)!important;
  border-radius:10px!important;
  background:rgba(250,250,250,.93)!important;
  color:#2b2b2b!important;
  box-shadow:0 3px 10px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
}
body.smm-layout-v13 .smm-draw-panel-head{
  height:36px!important;padding:0 10px 0 4px!important;
  border-right:1px solid var(--smm-fluent-border)!important;
}
body.smm-layout-v13 .smm-draw-panel-head strong{
  color:#5b5b5b!important;
  font:600 9px/1 "Segoe UI Variable Text","Segoe UI",sans-serif!important;
  letter-spacing:.045em!important;
}
body.smm-layout-v13 .smm-draw-info{
  max-width:390px!important;
  color:#666!important;font-size:10px!important;
}
body.smm-layout-v13 .smm-object-box{height:40px!important;gap:7px!important}
body.smm-layout-v13 .smm-field{color:#666!important;font-size:8.5px!important}
body.smm-layout-v13 .smm-field input[type="text"],
body.smm-layout-v13 .smm-field input[type="number"],
body.smm-layout-v13 .smm-field select{
  height:27px!important;
  border:1px solid var(--smm-fluent-border-strong)!important;
  border-radius:6px!important;
  background:#fff!important;color:#242424!important;
  padding:0 7px!important;font-size:10px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)!important;
}
body.smm-layout-v13 .smm-field input:focus,
body.smm-layout-v13 .smm-field select:focus{
  outline:none!important;border-color:var(--smm-fluent-accent)!important;
  box-shadow:0 0 0 1px var(--smm-fluent-accent)!important;
}
body.smm-layout-v13 .smm-field input[type="color"]{
  width:38px!important;height:27px!important;
  border:1px solid var(--smm-fluent-border-strong)!important;border-radius:6px!important;
}
body.smm-layout-v13 .smm-style-grid{height:38px!important}
body.smm-layout-v13 .smm-check{color:#555!important}
body.smm-layout-v13 .smm-snap-check,
body.smm-layout-v13 .smm-circle-box,
body.smm-layout-v13 .smm-buffer-box{border-left:1px solid var(--smm-fluent-border)!important}
body.smm-layout-v13 .smm-field input[type="range"]{accent-color:var(--smm-fluent-accent)!important}
.smm-layout-v13 .smm-circle-box .smm-buffer-custom button,
.smm-layout-v13 .smm-buffer-custom button{
  border-radius:6px!important;
  border:1px solid var(--smm-fluent-border-strong)!important;
  background:#fff!important;color:#333!important;
}
.smm-layout-v13 .smm-buffer-custom button:last-child{
  background:var(--smm-fluent-accent)!important;color:#fff!important;border-color:var(--smm-fluent-accent)!important;
}
.smm-layout-v13 .smm-buffer-presets button{
  border-radius:5px!important;border-color:var(--smm-fluent-border-strong)!important;background:#fff!important;color:#444!important;
}
.smm-layout-v13 .smm-buffer-presets button:hover{background:#f4f4f4!important}
.smm-layout-v13 .smm-buffer-presets button.active{background:var(--smm-fluent-accent-soft)!important;border-color:rgba(0,103,192,.28)!important;color:var(--smm-fluent-accent)!important}

/* Map controls */
body.smm-layout-v13 .map-tools-left{left:62px!important;top:76px!important}
.smm-layout-v13 .map-tools-left button,
.smm-layout-v13 .map-tools-right button{
  border-radius:7px!important;
  background:rgba(252,252,252,.94)!important;
  color:#333!important;
  border:1px solid var(--smm-fluent-border)!important;
  box-shadow:var(--smm-fluent-shadow-small)!important;
  backdrop-filter:blur(18px)!important;
}
body.smm-layout-v13 .map-tools-right{left:62px!important;bottom:38px!important;gap:5px!important}
body.smm-layout-v13 .map-hint{
  bottom:38px!important;left:116px!important;
  border-radius:7px!important;
  background:rgba(252,252,252,.94)!important;
  border:1px solid var(--smm-fluent-border)!important;
  color:#555!important;
  box-shadow:var(--smm-fluent-shadow-small)!important;
  backdrop-filter:blur(18px)!important;
}

/* Objects floating window */
body.smm-layout-v13 .smm-object-window{
  top:76px!important;right:12px!important;width:286px!important;
  border:1px solid var(--smm-fluent-border)!important;
  border-radius:10px!important;
  background:rgba(250,250,250,.93)!important;
  box-shadow:var(--smm-fluent-shadow)!important;
  color:#292929!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
}
body.smm-layout-v13 .smm-object-window-head{
  min-height:40px!important;
  padding:4px 5px 4px 11px!important;
  border-bottom:1px solid var(--smm-fluent-border)!important;
  background:transparent!important;
}
.smm-layout-v13 .smm-object-window-title{color:#292929!important;font-weight:600!important}
.smm-layout-v13 .smm-object-count-badge{
  height:20px!important;min-width:20px!important;border-radius:10px!important;
  background:#ededed!important;color:#606060!important;
}
.smm-layout-v13 .smm-object-window-toggle{
  width:30px!important;height:30px!important;
  background:transparent!important;border-color:transparent!important;
  color:#555!important;border-radius:6px!important;
}
.smm-layout-v13 .smm-object-window-toggle:hover{background:rgba(0,0,0,.055)!important;color:#111!important}
.smm-layout-v13 .smm-object-list{padding:6px!important}
.smm-layout-v13 .smm-object-row{
  min-height:42px!important;padding:4px 5px!important;
  border-radius:7px!important;border-color:transparent!important;
}
.smm-layout-v13 .smm-object-row:hover{background:rgba(0,0,0,.045)!important}
.smm-layout-v13 .smm-object-row.selected{background:var(--smm-fluent-accent-soft)!important;border-color:rgba(0,103,192,.17)!important}
.smm-layout-v13 .smm-object-kind{
  width:28px!important;height:28px!important;border-radius:6px!important;
  background:#f0f0f0!important;color:var(--smm-fluent-accent)!important;
}
.smm-layout-v13 .smm-object-name{color:#242424!important;font-weight:600!important}
.smm-layout-v13 .smm-object-meta{color:#767676!important}
.smm-layout-v13 .smm-object-actions button{border-radius:5px!important;color:#666!important}
.smm-layout-v13 .smm-object-actions button:hover{background:#ededed!important;color:#222!important}
.smm-layout-v13 .smm-object-actions button.danger:hover{background:#fde7e9!important;color:#a4262c!important}
.smm-layout-v13 .smm-object-window.minimized{width:116px!important}

/* Export drawer */
body.smm-layout-v13 .control-panel{
  top:56px!important;
  width:min(400px,92vw)!important;
  border-left:1px solid var(--smm-fluent-border)!important;
  background:rgba(248,248,248,.97)!important;
  box-shadow:-14px 0 38px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(24px) saturate(145%)!important;
  transition:transform .22s cubic-bezier(.33,1,.68,1)!important;
}
.smm-drawer-head{
  height:48px!important;padding:0 10px 0 16px!important;
  border-bottom:1px solid var(--smm-fluent-border)!important;
  background:transparent!important;
}
.smm-drawer-head strong{font:600 13px/1 "Segoe UI Variable Text","Segoe UI",sans-serif!important;color:#242424!important}
.smm-drawer-head button{
  width:32px!important;height:32px!important;
  border:1px solid transparent!important;border-radius:7px!important;
  background:transparent!important;color:#555!important;
}
.smm-drawer-head button:hover{background:rgba(0,0,0,.055)!important}
body.smm-layout-v13 .control-panel .panel-scroll{height:calc(100% - 48px)!important;background:transparent!important}
.smm-layout-v13 .control-panel .panel-section{border-color:var(--smm-fluent-border)!important}
.smm-layout-v13 .control-panel .section-title h2,.smm-layout-v13 .control-panel .field-label{color:#454545!important}
.smm-layout-v13 .control-panel .section-title span{color:var(--smm-fluent-accent)!important}
.smm-layout-v13 .control-panel .smart-block,.smm-layout-v13 .control-panel .safety-card,.smm-layout-v13 .control-panel .job-card{
  background:#fff!important;border-color:var(--smm-fluent-border)!important;color:#404040!important;border-radius:8px!important;
}
.smm-layout-v13 .control-panel input,.smm-layout-v13 .control-panel button{border-radius:6px!important}

/* Status bar */
.smm-statusbar{
  left:0!important;height:28px!important;
  border-top:1px solid var(--smm-fluent-border)!important;
  background:rgba(249,249,249,.96)!important;
  color:#666!important;
  font:400 9.5px/1 "Segoe UI Variable Text","Segoe UI",sans-serif!important;
  box-shadow:none!important;
  backdrop-filter:blur(16px)!important;
}
.smm-statusbar>span{padding:0 11px!important;border-right:1px solid var(--smm-fluent-border)!important}
.smm-statusbar .smm-status-help{color:#7a7a7a!important;border-left:1px solid var(--smm-fluent-border)!important}

/* Slightly nicer scrollbars */
body.smm-layout-v13 *{scrollbar-color:#c9c9c9 transparent;scrollbar-width:thin}

@media(max-width:980px){
  .smm-v13-actions button{min-width:38px!important;padding:0 8px!important}
  body.smm-layout-v13 .smm-draw-panel{right:6px!important}
}
@media(max-width:720px){
  body.smm-layout-v13 .topbar{height:52px!important;min-height:52px!important;padding:0 8px!important}
  body.smm-layout-v13 .workspace{height:calc(100vh - 52px)!important}
  body.smm-layout-v13 .control-panel{top:52px!important}
  body.smm-layout-v13 .map-canvas{left:52px!important;top:62px!important}
  body.smm-layout-v13 .smm-draw-toolbar{left:6px!important;top:70px!important}
  body.smm-layout-v13 .smm-draw-panel{left:52px!important;top:6px!important}
  .smm-statusbar{left:0!important}
}

/* Fluent line icons */
.smm-tool-icon{display:flex!important;align-items:center;justify-content:center;width:20px;height:20px!important}
.smm-tool-icon svg,.smm-action-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;display:block}
.smm-tool-icon svg{width:19px;height:19px}
.smm-action-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}


/* Mapownik 1.3.2 — stabilizacja */
.smm-history-actions{display:inline-flex;gap:6px;align-items:center}
.smm-history-actions button:disabled{opacity:.45;cursor:not-allowed}
.smm-system-status{margin-top:8px;padding:7px 9px;border:1px solid rgba(148,163,184,.25);border-radius:8px;background:rgba(15,23,42,.45);font-size:11px;line-height:1.35;color:#cbd5e1}
.smm-system-status b{font-weight:600;color:#e2e8f0}

/* Mapownik 1.4 — GeoJSON, warstwy i eksport rysunków */
.smm-inline-checks{display:flex;align-items:center;gap:8px;white-space:nowrap}
body.smm-layout-v13 .smm-inline-checks{height:38px;padding:0 5px;border-left:1px solid var(--smm-fluent-border)}
.smm-object-window-tools{display:flex;align-items:center;gap:5px;padding:6px 7px;border-bottom:1px solid rgba(148,163,184,.16)}
.smm-object-window-tools button{height:26px;padding:0 8px;border:1px solid var(--smm-fluent-border-strong,#c8c8c8);border-radius:6px;background:#fff;color:#3a3a3a;font:500 10px/1 "Segoe UI Variable Text","Segoe UI",sans-serif;cursor:pointer}
.smm-object-window-tools button:hover{background:#f3f3f3}
.smm-object-png-toggle{margin-left:auto;display:flex;align-items:center;gap:4px;color:#5d5d5d;font:500 10px/1 "Segoe UI Variable Text","Segoe UI",sans-serif;white-space:nowrap}
.smm-object-png-toggle input{accent-color:var(--smm-fluent-accent,#0067c0)}
.smm-object-group{margin:2px 0 7px}
.smm-object-group-head{display:flex;align-items:center;justify-content:space-between;min-height:24px;padding:2px 5px 2px 8px;color:#686868;font:600 9px/1 "Segoe UI Variable Text","Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:.045em}
.smm-object-group-actions{display:flex;align-items:center;gap:5px;font-weight:500}
.smm-object-group-actions button{width:22px;height:22px;padding:0;border:0;border-radius:5px;background:transparent;color:#6b6b6b;cursor:pointer}
.smm-object-group-actions button:hover{background:#ededed;color:#222}
.smm-object-row.locked-object .smm-object-kind{box-shadow:inset 0 0 0 1px rgba(120,120,120,.18)}
.smm-object-row.locked-object .smm-object-name:after{content:"  • zablokowany";font-weight:400;color:#8a8a8a;font-size:9px}
.smm-export-drawings{margin-top:6px}
body.smm-layout-v13 .smm-field input[list]{min-width:120px}

/* Mapownik 1.5 — pasek właściwości, lista obiektów i projekty */
body.smm-layout-v13 .smm-draw-panel{height:54px!important;max-height:54px!important}
body.smm-layout-v13 .smm-object-box{display:flex!important;align-items:center!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin}
body.smm-layout-v13 .smm-ribbon-kind,
body.smm-layout-v13 .smm-ribbon-metrics{height:38px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 8px;border-right:1px solid var(--smm-fluent-border);white-space:nowrap;min-width:68px}
body.smm-layout-v13 .smm-ribbon-kind span,
body.smm-layout-v13 .smm-ribbon-metrics span{font-size:8px;color:#777;text-transform:uppercase;letter-spacing:.035em}
body.smm-layout-v13 .smm-ribbon-kind b,
body.smm-layout-v13 .smm-ribbon-metrics b{font-size:10px;color:#262626;font-weight:600}
body.smm-layout-v13 .smm-ribbon-metrics{max-width:235px;min-width:150px;border-left:1px solid var(--smm-fluent-border)}
body.smm-layout-v13 .smm-ribbon-metrics b{overflow:hidden;text-overflow:ellipsis}
body.smm-layout-v13 .smm-snap-check{height:38px;padding:0 7px!important;white-space:nowrap}
body.smm-layout-v13 .smm-field-wide{min-width:120px!important}
body.smm-layout-v13 .smm-object-box .smm-inline-checks{min-width:105px}

.smm-object-search{padding:5px 7px 4px;border-bottom:1px solid rgba(148,163,184,.13)}
.smm-object-search input{width:100%;height:27px;padding:0 8px;border:1px solid var(--smm-fluent-border-strong,#c8c8c8);border-radius:6px;background:#fff;color:#292929;font:400 10px/1 "Segoe UI Variable Text","Segoe UI",sans-serif;outline:none}
.smm-object-search input:focus{border-color:var(--smm-fluent-accent,#0067c0);box-shadow:0 0 0 1px var(--smm-fluent-accent,#0067c0)}
.smm-object-batch-tools{display:flex;align-items:center;gap:3px;padding:4px 7px;border-bottom:1px solid rgba(148,163,184,.13);min-height:30px}
.smm-object-batch-tools>span{margin-right:auto;color:#777;font:500 9px/1 "Segoe UI Variable Text","Segoe UI",sans-serif;white-space:nowrap}
.smm-object-batch-tools button{height:22px;padding:0 5px;border:1px solid var(--smm-fluent-border-strong,#c8c8c8);border-radius:5px;background:#fff;color:#555;font:500 9px/1 "Segoe UI Variable Text","Segoe UI",sans-serif;cursor:pointer}
.smm-object-batch-tools button:disabled{opacity:.38;cursor:default}
.smm-object-batch-tools button:not(:disabled):hover{background:#f0f0f0}
.smm-object-batch-tools button.danger:not(:disabled):hover{background:#fde7e9;color:#a4262c}
.smm-object-row{position:relative;display:flex!important;align-items:center!important;gap:4px!important}
.smm-object-row.multi-selected{box-shadow:inset 3px 0 0 var(--smm-fluent-accent,#0067c0)}
.smm-object-row.dragging{opacity:.45}
.smm-object-drag{width:9px;color:#a0a0a0;font-size:12px;line-height:1;cursor:grab;user-select:none}
.smm-object-row:active .smm-object-drag{cursor:grabbing}
.smm-object-multi{width:13px;height:13px;margin:0;accent-color:var(--smm-fluent-accent,#0067c0);flex:0 0 auto}
.smm-object-copy{min-width:0;flex:1 1 auto}
.smm-object-actions{display:flex;flex:0 0 auto;gap:1px}
.smm-object-actions button{width:22px!important;height:22px!important;padding:0!important;font-size:10px!important}
.smm-object-window-tools{flex-wrap:nowrap}
.smm-object-window-tools button{padding:0 6px!important}
body.smm-layout-v13 .smm-object-window{width:330px!important}
body.smm-layout-v13 .smm-object-window.minimized{width:116px!important}

/* === Mapownik 1.5.1: compact basemap drawer + fixed Radix Select === */
/* Radix Select is rendered in a portal under <body>. The drawer uses z-index:90,
   so the original z-50 popup ended up behind the drawer and could not be clicked. */
body.smm-layout-v13 [data-slot="select-content"]{
  z-index:160!important;
  min-width:var(--radix-select-trigger-width)!important;
  border:1px solid rgba(0,0,0,.16)!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#242424!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.10)!important;
}
body.smm-layout-v13 [data-slot="select-content"] [data-radix-select-viewport]{
  background:#fff!important;
  color:#242424!important;
  padding:4px!important;
}
body.smm-layout-v13 [data-slot="select-item"]{
  min-height:32px!important;
  padding:6px 30px 6px 9px!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#242424!important;
  font:400 11px/1.25 "Segoe UI Variable Text","Segoe UI",sans-serif!important;
  cursor:pointer!important;
}
body.smm-layout-v13 [data-slot="select-item"]:hover,
body.smm-layout-v13 [data-slot="select-item"][data-highlighted]{
  background:#f0f0f0!important;
  color:#111!important;
  outline:none!important;
}
body.smm-layout-v13 [data-slot="select-item"][data-state="checked"]{
  background:#e6f2fb!important;
  color:#005a9e!important;
}
body.smm-layout-v13 [data-slot="select-scroll-up-button"],
body.smm-layout-v13 [data-slot="select-scroll-down-button"]{
  background:#fff!important;color:#555!important;
}

/* Source selector itself: always a light Fluent field. */
body.smm-layout-v13 .control-panel [data-slot="select-trigger"]{
  width:100%!important;
  height:34px!important;
  border:1px solid var(--smm-fluent-border-strong)!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#242424!important;
  box-shadow:none!important;
}
body.smm-layout-v13 .control-panel [data-slot="select-trigger"]:hover{background:#fafafa!important}
body.smm-layout-v13 .control-panel [data-slot="select-trigger"]:focus-visible{
  border-color:var(--smm-fluent-accent)!important;
  box-shadow:0 0 0 1px var(--smm-fluent-accent)!important;
  outline:none!important;
}

/* Podkład is a small dedicated drawer instead of the full-height export panel. */
body.smm-layout-v13 .control-panel.smm-drawer-source-mode{
  top:64px!important;
  right:10px!important;
  bottom:auto!important;
  width:min(318px,calc(100vw - 20px))!important;
  height:auto!important;
  max-height:230px!important;
  border:1px solid var(--smm-fluent-border)!important;
  border-radius:10px!important;
  box-shadow:var(--smm-fluent-shadow)!important;
  overflow:visible!important;
}
body.smm-layout-v13 .control-panel.smm-drawer-source-mode .smm-drawer-head{
  height:40px!important;
  padding:0 7px 0 13px!important;
  background:#fafafa!important;
  border-radius:10px 10px 0 0!important;
}
body.smm-layout-v13 .control-panel.smm-drawer-source-mode .panel-scroll{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  background:#fbfbfb!important;
  border-radius:0 0 10px 10px!important;
}
body.smm-layout-v13 .control-panel.smm-drawer-source-mode .panel-section{
  display:none!important;
}
body.smm-layout-v13 .control-panel.smm-drawer-source-mode .panel-section.first{
  display:block!important;
  padding:12px 14px 14px!important;
  border:0!important;
}
body.smm-layout-v13 .control-panel.smm-drawer-source-mode .panel-section.first .section-title{
  display:none!important;
}
body.smm-layout-v13 .control-panel.smm-drawer-source-mode .field-label{
  margin:0 0 6px!important;
  font-size:10px!important;
}
body.smm-layout-v13 .control-panel.smm-drawer-source-mode .panel-footer,
body.smm-layout-v13 .control-panel.smm-drawer-source-mode .job-card{
  display:none!important;
}

/* Drawer and Obiekty never fight for the same right-hand space. */
body.smm-layout-v13.smm-export-open .smm-object-window{
  opacity:0!important;
  pointer-events:none!important;
  transform:translateX(10px)!important;
  transition:opacity .12s ease,transform .12s ease!important;
}
body.smm-layout-v13:not(.smm-export-open) .smm-object-window{
  opacity:1;
  transform:translateX(0);
  transition:opacity .12s ease,transform .12s ease!important;
}

/* Active top action is visible also for the non-primary Podkład button. */
.smm-v13-actions button[aria-pressed="true"]{
  background:var(--smm-fluent-accent-soft)!important;
  border-color:rgba(0,103,192,.28)!important;
  color:var(--smm-fluent-accent)!important;
}
.smm-v13-actions button.primary[aria-pressed="true"]{
  background:var(--smm-fluent-accent-hover)!important;
  color:#fff!important;
}

/* === Mapownik 1.5.2: compact UI, floating tools, basemap dropdown, export window === */

/* Mapa biegnie pod pływającymi narzędziami i paskiem właściwości. */
body.smm-layout-v13 .map-canvas{inset:0 0 28px 0!important}
body.smm-layout-v13 .map-tools-left{left:64px!important;top:104px!important}
body.smm-layout-v13 .map-tools-right{left:64px!important;bottom:38px!important}

/* Pływający pasek narzędzi po lewej. */
body.smm-layout-v13 .smm-draw-toolbar{
  top:104px!important;left:12px!important;bottom:auto!important;
  width:42px!important;padding:5px!important;gap:3px!important;
  border:1px solid var(--smm-fluent-border)!important;border-radius:10px!important;
  background:rgba(250,250,250,.90)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.14),0 1px 2px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(20px) saturate(145%)!important;
  transition:opacity .14s ease,transform .14s ease!important;
}
body.smm-layout-v13 .smm-draw-toolbar.smm-toolbar-hidden{opacity:0!important;pointer-events:none!important;transform:translateX(-8px)!important}

/* Przebudowany pasek właściwości: dwie logiczne linie zamiast jednego długiego rzędu. */
body.smm-layout-v13 .smm-draw-panel{
  top:8px!important;left:12px!important;right:12px!important;
  height:86px!important;max-height:86px!important;
  padding:6px 9px!important;gap:9px!important;overflow:hidden!important;
  display:flex!important;align-items:stretch!important;
  border:1px solid var(--smm-fluent-border)!important;border-radius:11px!important;
  background:rgba(250,250,250,.94)!important;
  box-shadow:0 5px 16px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
}
body.smm-layout-v13 .smm-draw-panel-head{
  flex:0 0 78px!important;height:auto!important;min-height:72px!important;
  padding:7px 9px 7px 2px!important;margin:0!important;
  border-right:1px solid var(--smm-fluent-border)!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:5px!important;
}
body.smm-layout-v13 .smm-draw-panel-head strong{font-size:9px!important;letter-spacing:.055em!important;color:#686868!important}
body.smm-layout-v13 .smm-draw-panel-head span{display:block!important;font-size:9px!important;color:#8a8a8a!important}
body.smm-layout-v13 .smm-draw-info{
  flex:1 1 auto!important;max-width:none!important;min-width:0!important;min-height:0!important;
  padding:0 12px!important;display:flex!important;align-items:center!important;
  color:#666!important;font-size:11px!important;line-height:1.35!important;
}
body.smm-layout-v13 .smm-object-box{
  flex:1 1 auto!important;min-width:0!important;height:72px!important;margin:0!important;padding:0!important;border:0!important;
  display:flex!important;flex-direction:column!important;gap:5px!important;overflow:hidden!important;
}
body.smm-layout-v13 .smm-object-box[hidden]{display:none!important}
body.smm-layout-v13 .smm-ribbon-row{display:flex!important;align-items:flex-end!important;gap:6px!important;min-width:0!important}
body.smm-layout-v13 .smm-ribbon-primary-row{height:33px!important}
body.smm-layout-v13 .smm-ribbon-style-row{height:33px!important;border-top:1px solid rgba(0,0,0,.07)!important;padding-top:4px!important}
body.smm-layout-v13 .smm-ribbon-kind,
body.smm-layout-v13 .smm-ribbon-metrics{
  height:31px!important;min-width:76px!important;max-width:190px!important;padding:0 8px!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;
  border:0!important;border-right:1px solid var(--smm-fluent-border)!important;white-space:nowrap!important;
}
body.smm-layout-v13 .smm-ribbon-kind span,
body.smm-layout-v13 .smm-ribbon-metrics span{font-size:8px!important;color:#7a7a7a!important;text-transform:uppercase!important;letter-spacing:.04em!important}
body.smm-layout-v13 .smm-ribbon-kind b,
body.smm-layout-v13 .smm-ribbon-metrics b{font-size:10px!important;color:#262626!important;font-weight:600!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.smm-layout-v13 .smm-ribbon-metrics{min-width:150px!important;flex:0 1 210px!important}
body.smm-layout-v13 .smm-field{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;color:#6b6b6b!important;font-size:8px!important;line-height:1!important}
body.smm-layout-v13 .smm-field-name{flex:1 1 170px!important;max-width:230px!important}
body.smm-layout-v13 .smm-field-group{flex:0 1 145px!important;max-width:180px!important}
body.smm-layout-v13 .smm-field input[type="text"],
body.smm-layout-v13 .smm-field input[type="number"],
body.smm-layout-v13 .smm-field select{
  height:23px!important;min-height:23px!important;padding:0 7px!important;
  border:1px solid var(--smm-fluent-border-strong)!important;border-radius:5px!important;
  background:#fff!important;color:#242424!important;font-size:10px!important;
}
body.smm-layout-v13 .smm-style-grid{
  display:flex!important;align-items:flex-end!important;gap:6px!important;height:28px!important;margin:0!important;flex:0 1 auto!important;min-width:0!important;
}
body.smm-layout-v13 .smm-style-grid .smm-field{min-width:0!important;max-width:none!important}
body.smm-layout-v13 .smm-color-field{width:60px!important}
body.smm-layout-v13 .smm-color-field input[type="color"]{width:52px!important;height:22px!important;padding:2px!important;border:1px solid var(--smm-fluent-border-strong)!important;border-radius:5px!important;background:#fff!important}
body.smm-layout-v13 .smm-width-field{width:58px!important}
body.smm-layout-v13 .smm-dash-field{width:104px!important}
body.smm-layout-v13 .smm-opacity-field{width:160px!important}
body.smm-layout-v13 .smm-opacity-field input[type="range"]{width:150px!important;height:20px!important;accent-color:var(--smm-fluent-accent)!important}
body.smm-layout-v13 .smm-inline-checks{
  margin-left:auto!important;height:28px!important;padding:0 4px 0 9px!important;gap:10px!important;
  border-left:1px solid var(--smm-fluent-border)!important;display:flex!important;align-items:center!important;white-space:nowrap!important;
}
body.smm-layout-v13 .smm-inline-checks .smm-check{font-size:9px!important;color:#555!important;gap:4px!important}
body.smm-layout-v13 .smm-snap-check{height:auto!important;padding:0!important}
body.smm-layout-v13 .smm-circle-box{
  flex:0 0 160px!important;height:31px!important;padding-left:7px!important;border-left:1px solid var(--smm-fluent-border)!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;color:#6b6b6b!important;font-size:8px!important;
}
body.smm-layout-v13 .smm-circle-box[hidden]{display:none!important}
body.smm-layout-v13 .smm-circle-inline{display:grid!important;grid-template-columns:74px auto 46px!important;gap:3px!important;align-items:center!important}
body.smm-layout-v13 .smm-circle-inline input{height:22px!important;border:1px solid var(--smm-fluent-border-strong)!important;border-radius:5px!important;background:#fff!important;padding:0 5px!important;font-size:10px!important}
body.smm-layout-v13 .smm-circle-inline button{height:22px!important;border:1px solid var(--smm-fluent-accent)!important;border-radius:5px!important;background:var(--smm-fluent-accent)!important;color:#fff!important;font-size:9px!important;padding:0 5px!important}
body.smm-layout-v13 .smm-buffer-box{
  flex:0 0 240px!important;margin:0!important;padding:6px 0 4px 9px!important;border:0!important;border-left:1px solid var(--smm-fluent-border)!important;align-self:stretch!important;
}

/* Okno Obiekty: zmienna wysokość, przewijana tylko lista. */
body.smm-layout-v13 .smm-object-window{
  top:104px!important;right:12px!important;width:342px!important;
  height:min(470px,calc(100vh - 150px));min-height:240px!important;max-height:calc(100vh - 180px)!important;
  resize:vertical!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;
}
body.smm-layout-v13 .smm-object-window::after{
  content:"";position:absolute;left:50%;bottom:3px;width:34px;height:3px;transform:translateX(-50%);
  border-radius:4px;background:rgba(80,80,80,.22);pointer-events:none;
}
body.smm-layout-v13 .smm-object-window-head{flex:0 0 auto!important}
body.smm-layout-v13 .smm-object-window-body{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
body.smm-layout-v13 .smm-object-window-tools,
body.smm-layout-v13 .smm-object-search,
body.smm-layout-v13 .smm-object-batch-tools{flex:0 0 auto!important}
body.smm-layout-v13 .smm-object-list{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding:6px!important}
body.smm-layout-v13 .smm-object-window.minimized{width:116px!important;height:40px!important;min-height:40px!important;resize:none!important}
body.smm-layout-v13 .smm-object-window.minimized::after{display:none!important}
body.smm-layout-v13 .smm-object-row{min-height:45px!important;padding:5px 5px!important;gap:5px!important}
body.smm-layout-v13 .smm-object-kind{width:30px!important;height:30px!important;display:grid!important;place-items:center!important}
body.smm-layout-v13 .smm-object-kind svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.55!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.smm-layout-v13 .smm-object-actions{gap:2px!important}
body.smm-layout-v13 .smm-object-actions button,
body.smm-layout-v13 .smm-object-group-actions button{
  width:28px!important;height:28px!important;padding:0!important;display:grid!important;place-items:center!important;
  border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:#5d5d5d!important;
}
body.smm-layout-v13 .smm-object-actions button svg,
body.smm-layout-v13 .smm-object-group-actions button svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.smm-layout-v13 .smm-object-actions button:hover,
body.smm-layout-v13 .smm-object-group-actions button:hover{background:#e9e9e9!important;color:#1f1f1f!important;border-color:rgba(0,0,0,.05)!important}
body.smm-layout-v13 .smm-object-actions button.danger:hover{background:#fde7e9!important;color:#a4262c!important}
body.smm-layout-v13 .smm-object-group-head{min-height:28px!important;padding-right:3px!important}
body.smm-layout-v13 .smm-object-group-actions{gap:2px!important}
body.smm-layout-v13 .smm-object-group-actions button{width:26px!important;height:24px!important}

/* Podkład jako mała lista rozwijana pod przyciskiem. */
.smm-action-caret{font-size:9px!important;margin-left:-2px!important;color:#6a6a6a!important}
.smm-basemap-popover{
  position:fixed;z-index:210;padding:7px!important;
  border:1px solid var(--smm-fluent-border-strong);border-radius:9px;background:rgba(252,252,252,.98);color:#242424;
  box-shadow:0 10px 28px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.08);backdrop-filter:blur(20px) saturate(140%);
}
.smm-basemap-popover[hidden]{display:none!important}
.smm-basemap-popover .smm-basemap-section{display:block!important;margin:0!important;padding:4px!important;border:0!important;background:transparent!important}
.smm-basemap-popover .section-title{display:none!important}
.smm-basemap-popover .field-label{display:none!important}
.smm-basemap-popover [data-slot="select-trigger"]{
  width:100%!important;height:36px!important;padding:0 10px!important;
  border:1px solid var(--smm-fluent-border-strong)!important;border-radius:6px!important;
  background:#fff!important;color:#242424!important;box-shadow:none!important;font-size:11px!important;
}
.smm-basemap-popover .smart-block,
.smm-basemap-popover .safety-card,
.smm-basemap-popover .job-card,
.smm-basemap-popover .panel-footer{display:none!important}
.smm-basemap-empty{padding:12px;color:#666;font-size:11px}

/* Eksport jako pływające okno, stylistycznie zgodne z Obiektami. */
body.smm-layout-v13 .control-panel{
  position:fixed!important;z-index:190!important;top:160px!important;right:12px!important;bottom:auto!important;
  width:min(372px,calc(100vw - 24px))!important;height:min(650px,calc(100vh - 172px))!important;
  border:1px solid var(--smm-fluent-border)!important;border-radius:10px!important;
  background:rgba(250,250,250,.97)!important;box-shadow:var(--smm-fluent-shadow)!important;
  transform:translateY(-8px) scale(.985)!important;transform-origin:top right!important;opacity:0!important;pointer-events:none!important;
  overflow:hidden!important;transition:opacity .14s ease,transform .14s ease!important;
}
body.smm-layout-v13 .control-panel.smm-export-panel-open{
  transform:translateY(0) scale(1)!important;opacity:1!important;pointer-events:auto!important;
}
body.smm-layout-v13 .control-panel .smm-drawer-head{height:42px!important;min-height:42px!important;padding:0 6px 0 13px!important;background:#fafafa!important;border-bottom:1px solid var(--smm-fluent-border)!important}
body.smm-layout-v13 .control-panel .smm-drawer-head strong{font-size:12px!important}
body.smm-layout-v13 .control-panel .panel-scroll{height:calc(100% - 42px)!important;max-height:none!important;overflow:auto!important;background:#fbfbfb!important}
body.smm-layout-v13 .control-panel .panel-section{display:block!important}
body.smm-layout-v13 .control-panel .panel-section.first{display:none!important}
body.smm-layout-v13 .control-panel .panel-section{padding:14px 15px!important}
body.smm-layout-v13 .control-panel .job-card{margin:12px 15px!important}
body.smm-layout-v13 .control-panel .panel-footer{padding:13px 15px 14px!important}
body.smm-layout-v13.smm-export-open .smm-object-window,
body.smm-layout-v13 .smm-object-window.smm-temporarily-hidden{opacity:0!important;pointer-events:none!important;transform:translateX(10px)!important}
body.smm-layout-v13:not(.smm-export-open) .smm-object-window:not(.smm-temporarily-hidden){opacity:1!important;pointer-events:auto!important;transform:translateX(0)!important}

/* Stare reguły szuflady Podkład z 1.5.1 nie są już używane. */
body.smm-layout-v13 .control-panel.smm-drawer-source-mode{display:none!important}

@media(max-width:1180px){
  body.smm-layout-v13 .smm-field-name{max-width:170px!important}
  body.smm-layout-v13 .smm-ribbon-metrics{max-width:150px!important;min-width:120px!important}
  body.smm-layout-v13 .smm-opacity-field{width:125px!important}
  body.smm-layout-v13 .smm-opacity-field input[type="range"]{width:115px!important}
  body.smm-layout-v13 .smm-inline-checks{gap:6px!important}
}
@media(max-width:900px){
  body.smm-layout-v13 .smm-draw-panel{left:8px!important;right:8px!important;height:86px!important;max-height:86px!important;overflow-x:auto!important}
  body.smm-layout-v13 .smm-object-box{min-width:820px!important}
  body.smm-layout-v13 .smm-draw-toolbar{top:104px!important;left:10px!important;bottom:auto!important;transform:none!important}
  body.smm-layout-v13 .smm-object-window{top:104px!important}
}
.smm-basemap-popover>button{
  width:100%;min-height:48px;padding:6px 8px;display:grid;grid-template-columns:30px 1fr 20px;align-items:center;gap:8px;
  border:1px solid transparent;border-radius:7px;background:transparent;color:#242424;text-align:left;cursor:pointer;
}
.smm-basemap-popover>button:hover,.smm-basemap-popover>button:focus-visible{background:#f0f0f0;outline:none}
.smm-basemap-popover>button.active{background:var(--smm-fluent-accent-soft);border-color:rgba(0,103,192,.16)}
.smm-basemap-choice-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#f1f1f1;color:#555}
.smm-basemap-popover>button.active .smm-basemap-choice-icon{background:#fff;color:var(--smm-fluent-accent)}
.smm-basemap-choice-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.smm-basemap-popover>button>span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}
.smm-basemap-popover>button b{font:600 11px/1.15 "Segoe UI Variable Text","Segoe UI",sans-serif}
.smm-basemap-popover>button small{font:400 9px/1.15 "Segoe UI Variable Text","Segoe UI",sans-serif;color:#777}
.smm-basemap-check{visibility:hidden;color:var(--smm-fluent-accent);font-size:13px;font-weight:700;text-align:center}
.smm-basemap-popover>button.active .smm-basemap-check{visibility:visible}
/* Drobne porządki 1.5.2: diagnostyka nie zajmuje miejsca na ribbonie. */
body.smm-layout-v13 .smm-system-status{display:none!important}

/* Jasny, kompaktowy wygląd zawartości okna Eksport. */
body.smm-layout-v13 .control-panel .section-title{margin-bottom:10px!important}
body.smm-layout-v13 .control-panel .section-title h2{color:#2b2b2b!important;font-size:12px!important}
body.smm-layout-v13 .control-panel .section-title span{color:var(--smm-fluent-accent)!important}
body.smm-layout-v13 .control-panel .field-label{color:#5f5f5f!important;font-size:10px!important}
body.smm-layout-v13 .control-panel .smart-block,
body.smm-layout-v13 .control-panel .safety-card,
body.smm-layout-v13 .control-panel .job-card,
body.smm-layout-v13 .control-panel .metric-primary,
body.smm-layout-v13 .control-panel .metrics-grid{
  background:#fff!important;border-color:var(--smm-fluent-border)!important;color:#333!important;box-shadow:none!important;
}
body.smm-layout-v13 .control-panel .metric-primary strong,
body.smm-layout-v13 .control-panel .metrics-grid strong{color:#252525!important}
body.smm-layout-v13 .control-panel .metric-primary span,
body.smm-layout-v13 .control-panel .metrics-grid span,
body.smm-layout-v13 .control-panel .smart-help,
body.smm-layout-v13 .control-panel .safety-card p{color:#707070!important}
body.smm-layout-v13 .control-panel .metrics-grid>div{background:#fff!important;border-color:var(--smm-fluent-border)!important}
body.smm-layout-v13 .control-panel .panel-footer{background:#fafafa!important;border-top:1px solid var(--smm-fluent-border)!important;box-shadow:none!important}
body.smm-layout-v13 .control-panel .panel-footer p{color:#777!important}
body.smm-layout-v13 .control-panel .export-button{background:var(--smm-fluent-accent)!important;border-color:var(--smm-fluent-accent)!important;color:#fff!important;box-shadow:0 2px 5px rgba(0,103,192,.22)!important}
