/* JNAF Stage 11 — Modern, responsive GIS workspace skin.
   Presentation-only overrides. No feature handlers or map logic are changed. */
:root {
  color-scheme: light !important;
  --jnaf-ink: #17263d;
  --jnaf-muted: #65748b;
  --jnaf-line: #dce5f0;
  --jnaf-panel: rgba(255,255,255,.94);
  --jnaf-blue: #315df5;
  --jnaf-blue-dark: #2346c5;
  --jnaf-teal: #0eaaa5;
  --jnaf-shadow: 0 18px 48px rgba(21, 42, 74, .14), 0 3px 9px rgba(21,42,74,.06);
  --jnaf-radius: 18px;
  font-family: Vazirmatn, IRANSans, Tahoma, "Segoe UI", sans-serif !important;
  color: var(--jnaf-ink) !important;
  background: #eaf0f7 !important;
}
html, body { width:100%; height:100%; min-height:100%; margin:0 !important; }
body {
  overflow:hidden !important;
  background:
    radial-gradient(ellipse at 8% 4%, rgba(49,93,245,.10), transparent 31%),
    radial-gradient(ellipse at 92% 96%, rgba(14,170,165,.08), transparent 30%),
    #eaf0f7 !important;
  color:var(--jnaf-ink) !important;
  font-family:Vazirmatn, IRANSans, Tahoma, "Segoe UI", sans-serif !important;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
#root {
  width:100vw !important; max-width:none !important; min-height:100dvh !important;
  margin:0 !important; border:0 !important; box-sizing:border-box !important;
  text-align:initial !important; font-family:inherit !important;
}
#root > div[style*="width: 100vw"] {
  width:100vw !important; height:100dvh !important; min-height:0 !important;
  inset:0 !important; max-width:none !important; border:0 !important;
  font-family:Vazirmatn, IRANSans, Tahoma, "Segoe UI", sans-serif !important;
  background:#eaf0f7 !important; isolation:isolate;
}
#root, #root * { box-sizing:border-box; }
#root button, #root input, #root select, #root textarea { font-family:Vazirmatn, IRANSans, Tahoma, "Segoe UI", sans-serif !important; }
#root button {
  border-radius:12px !important;
  letter-spacing:0 !important;
  line-height:1.45 !important;
  max-width:100%; min-width:0;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease, color .16s ease !important;
  -webkit-tap-highlight-color:transparent;
}
#root button:hover { filter:saturate(1.05); box-shadow:0 7px 18px rgba(31,65,120,.13) !important; }
#root button:active { transform:translateY(1px); }
#root button:focus-visible, #root input:focus-visible, #root select:focus-visible, #root textarea:focus-visible {
  outline:3px solid rgba(49,93,245,.34) !important; outline-offset:2px !important;
}
#root input:not([type="checkbox"]):not([type="radio"]), #root select, #root textarea {
  border:1px solid #d6e0ec !important; border-radius:12px !important;
  background:rgba(255,255,255,.97) !important; color:#17263d !important;
  padding:9px 11px !important; max-width:100%; min-width:0;
  box-shadow:inset 0 1px 2px rgba(26,50,84,.025) !important;
}
#root input:not([type="checkbox"]):not([type="radio"]):hover, #root select:hover, #root textarea:hover { border-color:#b4c5db !important; }
#root input[type="checkbox"], #root input[type="radio"] { accent-color:var(--jnaf-blue) !important; cursor:pointer; }
#root label { line-height:1.65; }
#root h1, #root h2, #root h3, #root h4 { font-family:inherit !important; letter-spacing:0 !important; }

/* Map remains edge-to-edge; controls float above it as separate, non-overlapping surfaces. */
#root .leaflet-container {
  width:100% !important; height:100% !important; background:#e3ebf4 !important;
  font-family:Vazirmatn, IRANSans, Tahoma, sans-serif !important;
  outline:none !important;
}
#root .leaflet-control-zoom, #root .leaflet-control-layers, #root .leaflet-control-scale {
  border:1px solid rgba(189,204,224,.92) !important; border-radius:13px !important;
  overflow:hidden; box-shadow:0 8px 22px rgba(24,47,79,.16) !important;
}
#root .leaflet-bar a {
  width:34px !important; height:34px !important; line-height:34px !important;
  border:0 !important; color:#294565 !important; background:rgba(255,255,255,.95) !important;
  font-weight:700 !important; transition:background .15s ease,color .15s ease;
}
#root .leaflet-bar a:hover { background:#edf3ff !important; color:#244ee3 !important; }
#root .leaflet-control-attribution { border-radius:8px 0 0 0 !important; padding:3px 7px !important; background:rgba(255,255,255,.84) !important; backdrop-filter:blur(8px); }
#root .leaflet-popup-content-wrapper, #root .leaflet-popup-tip { background:#fff !important; color:#17263d !important; border:1px solid #e0e8f1; box-shadow:var(--jnaf-shadow) !important; }

/* Menu drawer: modern inset panel with readable project/layer cards. */
#root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] {
  top:78px !important; right:12px !important; left:auto !important;
  width:min(390px, calc(100vw - 24px)) !important;
  height:calc(100% - 92px) !important;
  border:1px solid rgba(211,223,238,.95) !important;
  border-radius:24px !important;
  background:rgba(250,252,255,.96) !important;
  box-shadow:0 24px 65px rgba(16,39,76,.23), 0 3px 12px rgba(16,39,76,.08) !important;
  backdrop-filter:blur(22px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(150%) !important;
  overflow:hidden !important;
}
#root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] > div:first-child {
  background:linear-gradient(128deg,#172b4d 0%,#244d83 54%,#285ee4 100%) !important;
  border:0 !important; border-radius:0 0 20px 20px !important;
  padding:17px 16px 15px !important; min-height:84px;
  box-shadow:0 12px 24px rgba(30,66,130,.18) !important;
}
#root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] > div:first-child h2 {
  font-size:23px !important; font-weight:900 !important; line-height:1.3 !important;
  text-shadow:none !important; margin:0 0 5px !important;
}
#root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] > div:first-child span { color:rgba(255,255,255,.76) !important; font-size:11px !important; }
#root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] > div:nth-child(2) {
  margin:10px 10px 0 !important; padding:9px 11px !important;
  border:1px solid #e2eaf4 !important; border-radius:13px !important;
  background:#f4f7fc !important;
}
#root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] > div:nth-child(3) {
  margin:10px 10px 0 !important; border:1px solid #e1eaf4 !important;
  border-radius:14px !important; overflow:hidden; background:#f4f7fc !important;
}
#root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] > div:nth-child(3) > button {
  font-size:12px !important; padding:12px 8px !important; min-height:44px !important;
  border-radius:0 !important; border-bottom:0 !important; flex:1 1 0 !important;
}
#root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] > div:nth-child(3) > button[style*="border-bottom: 2px"] {
  background:linear-gradient(180deg,#fff,#eef3ff) !important;
  color:#254fc9 !important; box-shadow:inset 0 -3px 0 #315df5 !important;
}
#root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] > div[style*="overflow-y: auto"] {
  padding:12px !important; scrollbar-width:thin; scrollbar-color:#c2d0e3 transparent;
}
#root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] div[style*="border-radius: 6px"][style*="background-color: rgb(248, 250, 252)"],
#root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] div[style*="border-radius: 6px"][style*="background-color: rgb(248, 250, 252)"] {
  border-color:#e0e8f2 !important; border-radius:15px !important;
  background:linear-gradient(145deg,#fff,#f7f9fd) !important;
  box-shadow:0 5px 15px rgba(29,57,92,.045) !important;
  padding:11px !important; margin-bottom:9px !important;
}
#root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] label,
#root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] span { overflow-wrap:anywhere; }
#root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] button {
  min-height:30px; max-width:100%; white-space:normal; overflow-wrap:anywhere;
}
#root .job-action-btn { width:32px !important; height:32px !important; border:1px solid #e0e7f0 !important; border-radius:10px !important; background:#fff !important; }
#root .job-action-btn svg { width:16px; height:16px; }

/* Floating map controls, aligned into consistent modern buttons. */
#root button[title="منوی ابزارها و مدیریت لایه‌ها"] {
  top:12px !important; right:12px !important; width:48px !important; height:48px !important;
  border:1px solid rgba(202,216,234,.94) !important; border-radius:16px !important;
  background:rgba(255,255,255,.96) !important; color:#26466e !important;
  box-shadow:0 10px 26px rgba(17,43,81,.17) !important; backdrop-filter:blur(14px);
}
#root button[title="منوی ابزارها و مدیریت لایه‌ها"]:hover { background:#eef3ff !important; }
#root button[title="نوار ابزار ویرایش و ترسیم"] {
  top:12px !important; right:68px !important; width:48px !important; height:48px !important;
  border-radius:16px !important; background:linear-gradient(145deg,#fff,#eef3ff) !important;
  border:1px solid #cfdbed !important; color:#3158ce !important; box-shadow:0 10px 26px rgba(17,43,81,.16) !important;
  font-size:0 !important;
}
#root button[title="نوار ابزار ویرایش و ترسیم"]::before {
  content:""; display:block; width:23px; height:23px; background:currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 5 4 4M4 20l4.5-1 10.7-10.7a2.1 2.1 0 0 0-3-3L5.5 16z'/%3E%3Cpath d='M13 7 17 11'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 5 4 4M4 20l4.5-1 10.7-10.7a2.1 2.1 0 0 0-3-3L5.5 16z'/%3E%3Cpath d='M13 7 17 11'/%3E%3C/svg%3E") center/contain no-repeat;
}
#root button[title="نقشه پایه"], #root button[title="نمایش موقعیت من"] {
  width:48px !important; height:48px !important; border-radius:15px !important;
  border:1px solid #d3dfed !important; background:rgba(255,255,255,.96) !important;
  color:#31558a !important; font-size:0 !important; box-shadow:0 8px 22px rgba(21,46,82,.15) !important;
}
#root button[title="نقشه پایه"]::before, #root button[title="نمایش موقعیت من"]::before {
  content:""; display:block; width:23px; height:23px; background:currentColor;
}
#root button[title="نقشه پایه"]::before {
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 9 5-9 5-9-5 9-5Z'/%3E%3Cpath d='m3 12 9 5 9-5M3 16l9 5 9-5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 9 5-9 5-9-5 9-5Z'/%3E%3Cpath d='m3 12 9 5 9-5M3 16l9 5 9-5'/%3E%3C/svg%3E") center/contain no-repeat;
}
#root button[title="نمایش موقعیت من"]::before {
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3'/%3E%3C/svg%3E") center/contain no-repeat;
}
#root div[style*="bottom: 90px"][style*="flex-direction: column"][style*="z-index: 10001"] {
  bottom:16px !important; left:16px !important; gap:8px !important; padding:8px !important;
  border:1px solid rgba(202,216,234,.92) !important; border-radius:23px !important;
  background:rgba(248,251,255,.82) !important; backdrop-filter:blur(17px) saturate(135%);
  box-shadow:0 15px 38px rgba(20,47,84,.16) !important;
}
#root button[title="اعتبارسنجی بلوک"] {
  top:78px !important; left:16px !important; width:auto !important; min-width:120px !important;
  height:42px !important; padding:0 13px !important; border:1px solid #cbdcf0 !important;
  border-radius:13px !important; background:rgba(255,255,255,.95) !important; color:#244d83 !important;
  font-size:12px !important; font-weight:800 !important; box-shadow:0 8px 23px rgba(20,48,91,.13) !important;
}
#root .active-select-btn { box-shadow:0 7px 20px rgba(49,93,245,.3) !important; }
#root .delete-btn, #root button[style*="background-color: rgb(220, 38, 38)"], #root button[style*="background-color: rgb(239, 68, 68)"] { box-shadow:0 5px 15px rgba(206,52,77,.13) !important; }
#root .split-btn { box-shadow:0 6px 15px rgba(103,72,227,.2) !important; }
#root .snap-toggle-btn { border-radius:10px !important; }

/* The editing toolbar turns into a compact, wrapping command palette. */
#root div[style*="z-index: 10003"][style*="width: 100%"] {
  top:10px !important; left:220px !important; right:124px !important; width:auto !important;
  max-width:calc(100vw - 344px) !important; max-height:min(32vh,235px) !important;
  overflow:auto !important; border:1px solid rgba(203,218,237,.96) !important;
  border-radius:19px !important; padding:6px !important;
  background:rgba(247,250,255,.93) !important; color:#1c3554 !important;
  box-shadow:0 15px 38px rgba(20,47,84,.18) !important;
  backdrop-filter:blur(18px) saturate(145%) !important;
  scrollbar-width:thin; scrollbar-color:#becde2 transparent;
}
#root div[style*="z-index: 10003"][style*="width: 100%"] > div {
  display:flex !important; flex-wrap:wrap !important; align-items:center !important;
  gap:7px !important; padding:5px 7px !important;
}
#root div[style*="z-index: 10003"][style*="width: 100%"] button {
  min-height:34px !important; padding:7px 11px !important; border-radius:11px !important;
  font-size:12px !important; font-weight:700 !important; white-space:normal !important;
  border:1px solid #d6e1ef !important; background:#fff !important; color:#2e486b !important;
}
#root div[style*="z-index: 10003"][style*="width: 100%"] button.active-select-btn,
#root div[style*="z-index: 10003"][style*="width: 100%"] button[style*="background-color: rgb(37, 99, 235)"] {
  background:linear-gradient(135deg,#315df5,#2447c8) !important; color:#fff !important; border-color:#315df5 !important;
}
#root div[style*="z-index: 10003"][style*="width: 100%"] select {
  height:36px !important; max-width:min(180px,24vw) !important; padding:6px 10px !important; font-size:12px !important;
}

/* Edit forms, details, dialogs and alerts. */
#root div[style*="z-index: 1000003"] { background:rgba(14,26,48,.60) !important; backdrop-filter:blur(10px) saturate(125%) !important; }
#root div[style*="z-index: 1000002"], #root div[style*="z-index: 1000003"] > div,
#root div[style*="max-height: 80vh"][style*="box-shadow"] {
  border:1px solid #e2eaf4 !important; border-radius:24px !important;
  box-shadow:0 28px 84px rgba(8,24,49,.30) !important;
}
#root div[style*="position: fixed"][style*="bottom: 20px"][style*="z-index: 100006"] {
  border:1px solid rgba(255,255,255,.25) !important; border-radius:15px !important;
  box-shadow:0 16px 36px rgba(15,36,70,.22) !important; backdrop-filter:blur(15px);
}
#root div[style*="border-radius: 8px"][style*="background-color: rgb(248, 250, 252)"] {
  border:1px solid #e0e9f3 !important; border-radius:15px !important; background:#f5f8fd !important;
}
#root div[style*="border-top: 1px solid rgb(226, 232, 240)"] { border-color:#e0e8f2 !important; }
#root table { border-collapse:separate !important; border-spacing:0 !important; }
#root th, #root td { line-height:1.7; }

/* Login and access screens get the same brand language. */
#root > div[style*="width: 100vw"] > div[style*="z-index: 1000000"] {
  background:
    radial-gradient(ellipse at 22% 18%, rgba(58,113,255,.30), transparent 35%),
    radial-gradient(ellipse at 78% 83%, rgba(15,189,179,.18), transparent 32%),
    linear-gradient(135deg,#101d35 0%,#172f54 52%,#1d3e6a 100%) !important;
  padding:24px !important;
}
#root h1 { font-size:clamp(62px,12vw,148px) !important; line-height:1 !important; letter-spacing:-.04em !important; margin:0 0 12px !important; color:rgba(255,255,255,.15) !important; }
#root h2 { line-height:1.35 !important; }
#root > div[style*="width: 100vw"] > div[style*="z-index: 1000000"] button {
  padding:14px 26px !important; min-height:50px !important; font-size:15px !important;
  border-radius:15px !important; background:linear-gradient(135deg,#4778ff,#3153d4) !important;
  box-shadow:0 14px 35px rgba(45,91,235,.32) !important;
}
#root > div[style*="width: 100vw"] > div[style*="z-index: 1000000"] input {
  min-height:44px !important; border-radius:12px !important; background:#f8fbff !important;
}

/* Responsive: no tool overlap and no off-screen drawer on compact displays. */
@media (max-width:1100px) {
  #root div[style*="z-index: 10003"][style*="width: 100%"] { left:12px !important; right:124px !important; max-width:calc(100vw - 136px) !important; }
  #root button[title="اعتبارسنجی بلوک"] { top:72px !important; }
  #root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] { width:min(360px, calc(100vw - 24px)) !important; }
}
@media (max-width:700px) {
  #root button[title="منوی ابزارها و مدیریت لایه‌ها"], #root button[title="نوار ابزار ویرایش و ترسیم"] { top:10px !important; width:44px !important; height:44px !important; }
  #root button[title="نوار ابزار ویرایش و ترسیم"] { right:62px !important; }
  #root div[style*="z-index: 10003"][style*="width: 100%"] {
    top:64px !important; left:10px !important; right:10px !important; max-width:calc(100vw - 20px) !important;
    max-height:min(38vh,290px) !important; border-radius:16px !important;
  }
  #root div[style*="z-index: 10003"][style*="width: 100%"] > div { gap:5px !important; padding:3px !important; }
  #root div[style*="z-index: 10003"][style*="width: 100%"] button { min-height:32px !important; padding:6px 8px !important; font-size:11px !important; }
  #root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] {
    top:64px !important; right:8px !important; left:8px !important; width:auto !important;
    height:calc(100% - 76px) !important; border-radius:20px !important;
  }
  #root div[style*="bottom: 90px"][style*="flex-direction: column"][style*="z-index: 10001"] { bottom:10px !important; left:10px !important; padding:6px !important; gap:6px !important; }
  #root button[title="نقشه پایه"], #root button[title="نمایش موقعیت من"] { width:42px !important; height:42px !important; }
  #root button[title="اعتبارسنجی بلوک"] { top:auto !important; bottom:12px !important; left:72px !important; min-width:0 !important; width:auto !important; height:40px !important; padding:0 10px !important; }
  #root div[style*="z-index: 1000003"] > div { width:calc(100vw - 28px) !important; max-width:520px !important; max-height:calc(100dvh - 34px) !important; overflow:auto !important; padding:18px !important; }
  #root > div[style*="width: 100vw"] > div[style*="z-index: 1000000"] { padding:18px !important; }
}
@media (prefers-reduced-motion:reduce) {
  #root *, #root *::before, #root *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}

/* Manager shortcut stays above map controls without colliding with the editor toolbar. */
body > a[aria-label="ورود به داشبورد مدیر و گزارش آماری پلیگون‌ها"] {
  top:12px !important; left:12px !important; z-index:2147483000 !important;
  display:inline-flex !important; align-items:center; justify-content:center; gap:8px;
  max-width:195px; min-height:44px; padding:10px 14px !important;
  border:1px solid rgba(255,255,255,.22) !important; border-radius:14px !important;
  background:linear-gradient(135deg,#172b4d,#2c4e81) !important; color:#fff !important;
  box-shadow:0 10px 26px rgba(17,43,81,.2) !important; backdrop-filter:blur(15px);
  font-size:11px !important; line-height:1.6 !important; font-weight:800 !important;
}
body > a[aria-label="ورود به داشبورد مدیر و گزارش آماری پلیگون‌ها"]::before { content:""; width:17px; height:17px; flex:0 0 17px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 7v5c0 5 3.5 7.5 8 9 4.5-1.5 8-4 8-9V7l-8-4Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 7v5c0 5 3.5 7.5 8 9 4.5-1.5 8-4 8-9V7l-8-4Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") center/contain no-repeat; }
@media (max-width:1100px) {
  #root div[style*="z-index: 10003"][style*="width: 100%"] { top:68px !important; left:12px !important; right:12px !important; max-width:calc(100vw - 24px) !important; max-height:min(25vh,210px) !important; }
}
@media (max-width:700px) {
  body > a[aria-label="ورود به داشبورد مدیر و گزارش آماری پلیگون‌ها"] { top:10px !important; left:10px !important; max-width:calc(100vw - 130px); min-height:40px; padding:7px 9px !important; font-size:10px !important; }
}

/* Extra vector glyphs for core editing commands, complementing the existing SVG icon buttons. */
#root button[title="اعتبارسنجی بلوک"]::before {
  content:""; display:inline-block; width:16px; height:16px; flex:0 0 16px; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5M8 10.5l1.7 1.7 3.4-3.7'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5M8 10.5l1.7 1.7 3.4-3.7'/%3E%3C/svg%3E") center/contain no-repeat;
}
#root .split-btn::before, #root .merge-btn::before, #root .delete-btn::before {
  content:""; display:inline-block; width:16px; height:16px; flex:0 0 16px; background:currentColor;
}
#root .split-btn::before {
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='m20 4-8.1 8.1M14.8 14.8 20 20M8.1 8.1l7.8 7.8'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='m20 4-8.1 8.1M14.8 14.8 20 20M8.1 8.1l7.8 7.8'/%3E%3C/svg%3E") center/contain no-repeat;
}
#root .merge-btn::before {
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4H5a2 2 0 0 0-2 2v3M16 4h3a2 2 0 0 1 2 2v3M8 20H5a2 2 0 0 1-2-2v-3M16 20h3a2 2 0 0 0 2-2v-3M8 12h8M12 8l4 4-4 4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4H5a2 2 0 0 0-2 2v3M16 4h3a2 2 0 0 1 2 2v3M8 20H5a2 2 0 0 1-2-2v-3M16 20h3a2 2 0 0 0 2-2v-3M8 12h8M12 8l4 4-4 4'/%3E%3C/svg%3E") center/contain no-repeat;
}
#root .delete-btn::before {
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6M10 10v6M14 10v6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6M10 10v6M14 10v6'/%3E%3C/svg%3E") center/contain no-repeat;
}
#root svg { flex-shrink:0; }
#root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] span[style*="font-size: 8px"],
#root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] span[style*="font-size: 9px"],
#root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] span[style*="font-size: 10px"] { font-size:11px !important; }
#root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] label[style*="font-size: 11px"],
#root div[style*="z-index: 10001"][style*="height: 100%"][style*="overflow: hidden"] div[style*="font-size: 11px"] { font-size:12px !important; }
/* Tool buttons that were formerly single-character glyphs now use crisp vector symbols. */
#root button[title="انتخاب چندتایی (Multi-Select)"],
#root button[title="جابجایی ساختمان (Move)"],
#root button[title="چرخش ساختمان (Rotate)"] {
  font-size:0 !important; border:1px solid #d6e2f0 !important;
  border-radius:12px !important; width:42px !important; height:42px !important;
  padding:0 !important; line-height:0 !important;
}
#root button[title="انتخاب چندتایی (Multi-Select)"]::before,
#root button[title="جابجایی ساختمان (Move)"]::before,
#root button[title="چرخش ساختمان (Rotate)"]::before {
  content:""; display:block; width:21px; height:21px; background:currentColor;
}
#root button[title="انتخاب چندتایی (Multi-Select)"]::before {
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='11' height='11' rx='2'/%3E%3Crect x='10' y='10' width='11' height='11' rx='2'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='11' height='11' rx='2'/%3E%3Crect x='10' y='10' width='11' height='11' rx='2'/%3E%3C/svg%3E") center/contain no-repeat;
}
#root button[title="جابجایی ساختمان (Move)"]::before {
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M2 12h20M12 2l-3 3M12 2l3 3M22 12l-3-3M22 12l-3 3M12 22l-3-3M12 22l3-3M2 12l3-3M2 12l3 3'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M2 12h20M12 2l-3 3M12 2l3 3M22 12l-3-3M22 12l-3 3M12 22l-3-3M12 22l3-3M2 12l3-3M2 12l3 3'/%3E%3C/svg%3E") center/contain no-repeat;
}
#root button[title="چرخش ساختمان (Rotate)"]::before {
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7v5h-5M4 17v-5h5'/%3E%3Cpath d='M6.1 9A7 7 0 0 1 18 6l2 6M4 12l2 6a7 7 0 0 0 11.9-3'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7v5h-5M4 17v-5h5'/%3E%3Cpath d='M6.1 9A7 7 0 0 1 18 6l2 6M4 12l2 6a7 7 0 0 0 11.9-3'/%3E%3C/svg%3E") center/contain no-repeat;
}