/* mapatatar · נראות מותג Mindset AI Systems (אות-באות מ-tokens.css) */
:root{
  --ms-indigo:#4A3B7A; --ms-purple:#896EC0; --ms-night:#202239;
  --ms-dark:#25232B; --ms-dark-2:#343043; --ms-lavender:#B4A8E4;
  --ms-white:#FFFFFF; --ms-bg-deep:#24231F;
  --ms-bg:#24231F; --ms-surface:#25232B; --ms-surface-2:#343043;
  --ms-text:#FFFFFF; --ms-text-muted:#B4A8E4; --ms-border:rgba(180,168,228,0.16);
  --ms-accent:#896EC0; --ms-accent-hover:#7857B0; --ms-accent-contrast:#FFFFFF;
  --ms-shadow:0 4px 20px rgba(0,0,0,0.35);
  --ms-gradient:linear-gradient(135deg,#4A3B7A 0%,#896EC0 55%,#B4A8E4 100%);
  --ms-font-he:'Heebo',-apple-system,sans-serif;
  --ms-font-latin:'Sora',-apple-system,sans-serif;
  --ms-radius:8px; --ms-radius-full:999px;
  --st-live:#5BD99A; --st-plan:#896EC0; --st-pend:#E0A458;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{font-family:var(--ms-font-he); direction:rtl; text-align:right;
  background:var(--ms-bg); color:var(--ms-text); min-height:100vh; padding-bottom:60px;}
.wrap{max-width:1180px; margin:0 auto; padding:0 16px;}
a{color:var(--ms-lavender);}

/* Header */
.topbar{background:var(--ms-gradient); padding:18px 0 20px; box-shadow:var(--ms-shadow);
  position:relative; overflow:hidden;}
.topbar::after{content:""; position:absolute; inset:0;
  background:radial-gradient(900px 200px at 80% -40%, rgba(255,255,255,.18), transparent 60%);}
.topbar .inner{max-width:1180px; margin:0 auto; padding:0 20px; position:relative; z-index:1;
  display:flex; align-items:center; gap:16px; flex-wrap:wrap;}
.topbar img.logo{height:40px; width:auto; flex:none;}
.topbar .titles{flex:1; min-width:180px;}
.topbar h1{font-size:23px; font-weight:800; color:#fff; letter-spacing:-.4px;}
.topbar .sub{color:rgba(255,255,255,.92); font-size:13px; margin-top:3px;}
.topbar .brandtag{font-family:var(--ms-font-latin); font-weight:700; font-size:12px; color:#fff;
  background:rgba(255,255,255,.16); padding:6px 13px; border-radius:var(--ms-radius-full); flex:none;}

/* Cards / forms */
.card{background:var(--ms-surface); border:1px solid var(--ms-border);
  border-radius:var(--ms-radius); padding:22px; margin:18px 0; box-shadow:0 2px 12px rgba(0,0,0,.2);}
.card h2{font-size:18px; font-weight:700; margin-bottom:14px; color:#fff;}
label{display:block; font-size:13px; color:var(--ms-text-muted); margin-bottom:6px; font-weight:500;}
input[type=text],input[type=url],input[type=password]{
  width:100%; padding:12px 14px; border-radius:var(--ms-radius); border:1px solid var(--ms-border);
  background:var(--ms-bg); color:#fff; font-family:inherit; font-size:14px; margin-bottom:14px;}
input:focus{outline:none; border-color:var(--ms-purple);}
.btn{border:none; cursor:pointer; font-family:inherit; font-weight:700; font-size:14px;
  padding:11px 20px; border-radius:var(--ms-radius); transition:.15s; color:#fff; min-height:44px;}
.btn.primary{background:var(--ms-accent);} .btn.primary:hover{background:var(--ms-accent-hover);}
.btn.ghost{background:var(--ms-surface-2); color:var(--ms-lavender);}
.btn.ghost:hover{background:#403a52; color:#fff;}
.btn:disabled{opacity:.5; cursor:not-allowed;}
.muted{color:var(--ms-text-muted); font-size:13px;}
.err{color:#ff9b9b; font-size:13px; margin-top:8px;}

/* scans list */
.scan-item{display:flex; align-items:center; gap:12px; padding:12px 14px; margin:8px 0;
  background:var(--ms-surface-2); border:1px solid var(--ms-border); border-radius:var(--ms-radius);}
.scan-item .si-main{flex:1; min-width:0;}
.scan-item .si-url{font-weight:600; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.scan-item .si-meta{font-size:12px; color:var(--ms-text-muted); margin-top:3px;}

/* login overlay */
.overlay{position:fixed; inset:0; background:rgba(20,19,16,.92); display:flex;
  align-items:center; justify-content:center; z-index:100; padding:20px;}
.overlay .box{background:var(--ms-surface); border:1px solid var(--ms-border);
  border-radius:var(--ms-radius); padding:28px; max-width:380px; width:100%; box-shadow:var(--ms-shadow);}
.overlay .box img{height:38px; margin-bottom:16px;}
.pw-wrap{position:relative;}
.pw-eye{position:absolute; left:12px; top:12px; cursor:pointer; background:none; border:none;
  color:var(--ms-text-muted); padding:0;}

/* ===== tree (זהה לכלי המפה) ===== */
.toolbar{display:flex; flex-wrap:wrap; gap:9px; align-items:center; justify-content:center;
  background:var(--ms-surface); border:1px solid var(--ms-border); border-radius:var(--ms-radius);
  padding:12px 14px; margin:16px 0 8px;}
.toolbar .btn{font-size:13px; padding:9px 15px; min-height:40px;}
.btn.live{background:rgba(91,217,154,.16); color:var(--st-live); border:1px solid rgba(91,217,154,.35);}
.btn.live:hover{background:rgba(91,217,154,.26);}
.legend{display:flex; gap:16px; flex-wrap:wrap; justify-content:center; margin:6px 0 22px;}
.legend span{color:var(--ms-text-muted); font-size:12.5px; display:flex; align-items:center; gap:7px;}
.dot{width:11px; height:11px; border-radius:50%; display:inline-block; flex:none;}
.dot.live{background:var(--st-live);} .dot.plan{background:var(--st-plan);} .dot.pend{background:var(--st-pend);}
.node{margin:0;}
.row{display:flex; align-items:center; gap:10px; cursor:pointer; user-select:none;
  background:var(--ms-surface); border-radius:var(--ms-radius); padding:12px 14px; margin:7px 0;
  box-shadow:0 2px 10px rgba(0,0,0,.22); transition:.15s; border-right:5px solid var(--ms-purple);
  border-top:1px solid var(--ms-border); border-bottom:1px solid var(--ms-border);}
.row:hover{transform:translateX(-3px); background:#2b2934;}
.row.live{border-right-color:var(--st-live);}
.row.plan{border-right-color:var(--st-plan);}
.row.pend{border-right-color:var(--st-pend);}
.num{flex:none; font-family:var(--ms-font-latin); font-weight:700; font-size:13px; color:#fff;
  background:var(--ms-indigo); width:26px; height:26px; border-radius:7px; display:flex;
  align-items:center; justify-content:center;}
.caret{flex:none; width:22px; height:22px; border-radius:6px; background:var(--ms-surface-2);
  display:flex; align-items:center; justify-content:center; font-size:12px; color:var(--ms-lavender);
  transition:transform .2s; font-weight:800;}
.row.open .caret{transform:rotate(90deg);}
.caret.leaf{background:transparent; color:transparent;}
.ttl{font-weight:700; font-size:15px; flex:1; color:var(--ms-text); overflow:hidden;
  text-overflow:ellipsis; white-space:nowrap;}
.lvl2 .ttl{font-size:14px; font-weight:500;} .lvl3 .ttl{font-size:13.5px; font-weight:400;}
.badge{flex:none; font-size:10.5px; font-weight:700; padding:3px 10px; border-radius:var(--ms-radius-full);
  display:flex; align-items:center; gap:5px; border:1px solid transparent;}
.badge.live{background:rgba(91,217,154,.14); color:var(--st-live); border-color:rgba(91,217,154,.3);}
.badge.plan{background:rgba(137,110,192,.18); color:#c9bce8; border-color:rgba(137,110,192,.4);}
.badge.pend{background:rgba(224,164,88,.14); color:var(--st-pend); border-color:rgba(224,164,88,.3);}
.count{flex:none; font-size:11px; color:var(--ms-text-muted); font-weight:700;
  background:var(--ms-surface-2); padding:3px 9px; border-radius:var(--ms-radius-full);}
.children{margin-right:22px; border-right:2px dashed var(--ms-border); padding-right:14px; overflow:hidden;}
.collapsed{display:none;}
.detail{background:var(--ms-surface-2); border:1px solid var(--ms-border); border-radius:var(--ms-radius);
  padding:14px 16px; margin:4px 0 10px; margin-right:22px;}
.detail h4{font-size:12px; color:var(--ms-lavender); margin-bottom:8px; font-weight:700;}
.detail .desc{font-size:13px; color:#e8e3f5; line-height:1.6; margin-bottom:12px;}
.detail .urlref{font-family:var(--ms-font-latin); font-size:11px; color:var(--ms-text-muted);
  direction:ltr; text-align:left; margin-bottom:10px; word-break:break-all;}
.acts{list-style:none; margin-bottom:14px;}
.acts li{font-size:13px; color:#ddd7ee; padding:6px 22px 6px 0; position:relative; line-height:1.5;}
.acts li::before{content:"◆"; position:absolute; right:0; color:var(--ms-purple); font-size:10px; top:9px;}
.copybar{display:flex; gap:10px; align-items:center; flex-wrap:wrap;}
.copybtn{background:var(--ms-accent); color:#fff; border:none; cursor:pointer; font-family:inherit;
  font-weight:700; font-size:12.5px; padding:9px 15px; border-radius:var(--ms-radius); transition:.15s;
  display:flex; align-items:center; gap:7px; min-height:40px;}
.copybtn:hover{background:var(--ms-accent-hover);}
.copybtn.done{background:var(--st-live); color:#16361f;}
.copyhint{font-size:11.5px; color:var(--ms-text-muted);}
footer{text-align:center; color:#6f6a8c; font-size:11.5px; margin-top:34px; line-height:1.7;}
footer .bl{font-family:var(--ms-font-latin); color:var(--ms-lavender); font-weight:700;}
@media(max-width:600px){.topbar h1{font-size:19px;} .children{margin-right:11px; padding-right:9px;}}