/* הדשבורדים: soft pastel control center — side menu on the right, a gradient hero, white cards with pastel icon squares.
   One look for the site's center (/dash/), the admin's view (#admin) and the widget inside each tool. RTL; phone rules at the bottom. */
@font-face{font-family:Rubik;src:url(/fonts/rubik-400Regular.ttf);font-weight:400 600;font-display:swap}
@font-face{font-family:Rubik;src:url(/fonts/rubik-700Bold.ttf);font-weight:700 900;font-display:swap}
.awd{--ink:#1e2140;--mute:#6b7090;--line:#eceef6;--bg:#f4f5fb;--card:#fff;--good:#16a34a;--bad:#dc2626;--warn:#d97706;--acc:#6366f1;--accs:#eef0ff;
  --sh:0 1px 2px rgba(30,33,64,.04),0 8px 24px rgba(30,33,64,.06);--r:18px;font-family:Rubik,system-ui,Arial,sans-serif;color:var(--ink);line-height:1.5}
body.awd{margin:0;background:var(--bg)}
.awd *{box-sizing:border-box}
.awd .skip{position:absolute;inset-inline-start:0;top:0;clip-path:inset(50%);background:#111;color:#fff;padding:10px 14px;z-index:99}.awd .skip:focus{clip-path:none}
.awd h1,.awd h2,.awd h3{margin:0}.awd .mute{color:var(--mute)}
.awd button{font:inherit;color:inherit}
.awd :focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.awd .ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---- the shell: side menu + content ---- */
.awd .app{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}
.awd .side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px;padding:20px 14px;background:#fff;border-inline-start:1px solid var(--line);overflow-y:auto}
.awd .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:var(--ink);text-decoration:none;padding:0 8px}
.awd .brand img{width:34px;height:34px;border-radius:10px}
.awd .nav{display:flex;flex-direction:column;gap:2px}
.awd .nav button,.awd .nav a{display:flex;align-items:center;gap:10px;border:0;background:none;text-align:start;padding:10px 12px;border-radius:12px;color:var(--mute);font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap}
.awd .nav button:hover{background:#f6f7fc;color:var(--ink)}
.awd .nav [aria-current=page]{background:var(--accs);color:var(--acc);font-weight:700;box-shadow:inset -3px 0 0 var(--acc)}
.awd .nav .dot{width:6px;height:6px;border-radius:50%;background:#d4d7e5;margin-inline-start:auto}
.awd .nav .sep{height:1px;background:var(--line);margin:8px 6px}
.awd .nav .grp{font-size:11.5px;font-weight:700;color:#9aa0b8;letter-spacing:.02em;padding:12px 12px 4px}
.awd .nav button{padding:8px 12px}
.awd .tgrid .tg{grid-column:1/-1;font-size:13px;font-weight:700;color:var(--mute);margin:8px 0 -2px}.awd .tgrid .tg:first-child{margin-top:0}
.awd .help{margin-top:auto;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#eef0ff,#f5efff);border-radius:16px;padding:12px;text-decoration:none;color:var(--ink)}
.awd .help .face{width:46px;height:46px;flex:none}.awd .help .face svg{width:100%;height:100%}
.awd .help b{display:block;font-size:14px}.awd .help small{color:var(--acc);font-weight:600;font-size:12.5px}
.awd .content{min-width:0;background:radial-gradient(600px 300px at 0% 100%,#fdf0e8 0,transparent 70%),radial-gradient(500px 260px at 100% 0%,#eef4ff 0,transparent 70%),var(--bg)}
.awd .topbar{display:flex;align-items:center;gap:12px;padding:14px 28px}
.awd .topbar .pillc{flex:1;min-width:0;display:flex;justify-content:center;align-items:center}
.awd .pillc span{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 14px;font-size:13px;color:var(--mute);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.awd .tools{display:flex;align-items:center;gap:10px;position:relative}
.awd .iconbtn{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--line);cursor:pointer;color:var(--ink);text-decoration:none}
.awd .iconbtn:hover{border-color:#d5d8ea}
.awd .badge{position:absolute;top:-5px;inset-inline-start:-5px;min-width:18px;height:18px;border-radius:9px;background:var(--bad);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 5px}
.awd .me{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#c7d2fe,#fbcfe8);display:grid;place-items:center;font-weight:800;color:#4338ca}
.awd .ghost{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 14px;color:var(--ink);text-decoration:none;cursor:pointer;white-space:nowrap;font-weight:500}
.awd .ghost:hover{border-color:#d5d8ea}
.awd main{padding:4px 28px 28px;max-width:1360px}

/* the bell's panel: what waits for you */
.awd .pop{position:absolute;top:48px;inset-inline-end:0;width:min(420px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(30,33,64,.16);padding:14px;z-index:20}
.awd .pop h2{font-size:15px;margin-bottom:8px}
.awd .pop ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:60vh;overflow:auto}
.awd .pop li{display:flex;gap:10px;align-items:flex-start;padding:8px;border-radius:10px}.awd .pop li:hover{background:#f7f8fc}
.awd .pop li span{flex:1;min-width:0;font-size:14px}.awd .pop li small{display:block;color:var(--mute);font-size:12.5px}
.awd .pop li a{font-size:13px;font-weight:700;color:var(--acc);text-decoration:none;white-space:nowrap}

/* ---- page title ---- */
.awd .title{display:flex;align-items:center;gap:14px;margin:4px 0 18px}
.awd .title .face{width:62px;height:62px;flex:none}.awd .title .face svg{width:100%;height:100%}
.awd .title h1{font-size:30px;font-weight:800;letter-spacing:-.01em}.awd .title p{margin:0;color:var(--mute)}
.awd .title .end{margin-inline-start:auto}

/* ---- cards ---- */
.awd .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:18px;min-width:0;margin-bottom:0}
.awd .card>h2,.awd .ch{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:700;margin-bottom:14px;width:auto;height:auto;border-radius:0;color:var(--ink);place-items:normal}
.awd .ch .ic{width:18px;height:18px;color:var(--acc)}.awd .ch a,.awd .ch button.lk{margin-inline-start:auto;font-size:13px;font-weight:600;color:var(--acc);text-decoration:none;border:0;background:none;cursor:pointer}
.awd .sq-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--c,var(--acc)) 13%,#fff);color:var(--c,var(--acc));flex:none}
.awd .sq-ic .ic{width:21px;height:21px}
.awd .pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;border-radius:999px;padding:2px 9px;background:#f1f3f9;color:var(--mute);white-space:nowrap}
.awd .pill.ok{background:#e8f8ee;color:var(--good)}.awd .pill.ok::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.awd .pill.bad{background:#fdecec;color:var(--bad)}.awd .pill.warn{background:#fdf3e2;color:var(--warn)}

/* row 1: the gradient hero + three number cards */
.awd .row1{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:16px;margin-bottom:16px}
.awd .hero{position:relative;overflow:hidden;border-radius:var(--r);padding:20px 22px;color:#fff;background:linear-gradient(130deg,#a5b4fc 0%,#818cf8 42%,#60a5fa 100%);box-shadow:0 12px 30px rgba(99,102,241,.28);display:flex;align-items:center;gap:16px;min-width:0}
.awd .hero::after{content:"";position:absolute;inset:auto -40px -60px auto;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.14)}
.awd .hero .big{font-size:58px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.awd .hero .big small{font-size:20px;opacity:.8;font-weight:600}
.awd .hero .hl{font-size:17px;font-weight:700;margin-top:4px}
.awd .hero .hp{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.24);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700;margin-inline-start:8px;vertical-align:middle}
.awd .hero .hp::before{content:"";width:7px;height:7px;border-radius:50%;background:#bbf7d0}
.awd .hero .hs{margin-top:10px;font-size:12.5px;background:rgba(255,255,255,.18);border-radius:10px;padding:5px 10px;display:inline-block}
.awd .hero .hb{flex:1;min-width:0;position:relative;z-index:1}
/* the ring: a real hole in the middle (mask), so the card's gradient shows through and the white text reads on any color */
.awd .hring{--p:0;width:92px;height:92px;border-radius:50%;flex:none;display:grid;place-items:center;position:relative;z-index:1}
.awd .hring::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(#fff calc(var(--p)*1%),rgba(255,255,255,.3) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 11px),#000 calc(100% - 10px));mask:radial-gradient(farthest-side,transparent calc(100% - 11px),#000 calc(100% - 10px))}
.awd .hring i{position:relative;width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:15px}
.awd .kc{display:flex;flex-direction:column;gap:8px}
.awd .kc .kt{display:flex;align-items:center;gap:10px}.awd .kc .kt span{flex:1;font-size:14px;font-weight:600;color:var(--mute)}
.awd .kc .kv{display:block;gap:0;font-size:34px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
.awd .kc .kv small{font-size:14px;color:var(--mute);font-weight:500}
.awd .kc .kf{display:flex;align-items:flex-end;gap:8px;margin-top:auto}.awd .kc .kf svg{flex:1;height:38px;min-width:0}
.awd .tr{font-size:12px;font-weight:700;border-radius:999px;padding:2px 8px;white-space:nowrap;width:auto;height:auto;position:static;flex:none;transition:none}.awd .tr::after,.awd .tr::before{content:none}
.awd .tr.up{background:#e8f8ee;color:var(--good)}.awd .tr.down{background:#fdecec;color:var(--bad)}.awd .tr.flat{background:#f1f3f9;color:var(--mute)}

/* row 2: what exists · what each one does · where it's connected */
.awd .row2{display:grid;grid-template-columns:1fr 1.1fr 1.1fr;gap:16px;margin-bottom:16px}
.awd .minis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.awd .mini{display:flex;align-items:center;gap:10px;background:#f8f9fd;border-radius:14px;padding:12px}
.awd .mini small{display:block;color:var(--mute);font-size:12.5px}.awd .mini b{font-size:22px;font-variant-numeric:tabular-nums}
.awd .flow{display:grid;gap:4px}
.awd .fl{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px dashed var(--line)}.awd .fl:last-child{border:0}
.awd .fl .face{width:40px;height:40px;flex:none}.awd .fl .face svg{width:100%;height:100%}
.awd .fl div{flex:1;min-width:0}.awd .fl b{font-size:14px}.awd .fl small{display:block;color:var(--mute);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.awd .fl .tag{font-size:12px;font-weight:700;border-radius:8px;padding:3px 9px;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c);white-space:nowrap}
.awd .map{position:relative;height:200px;border-radius:14px;background:radial-gradient(circle at 50% 50%,#f1f3ff 0,#f8f9fd 60%);overflow:hidden}
.awd .map svg.lines{position:absolute;inset:0;width:100%;height:100%}
.awd .node{position:absolute;transform:translate(50%,-50%);display:flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px 8px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 2px 6px rgba(30,33,64,.06)}
.awd .node i{width:7px;height:7px;border-radius:50%;background:#cbd5e1}.awd .node.on i{background:var(--good)}.awd .node.off{color:var(--mute)}
.awd .node.hub{font-size:13.5px;font-weight:800;padding:8px 12px;border-color:#c7cbfb;color:var(--acc)}
.awd .map-f{display:flex;gap:12px;font-size:12.5px;color:var(--mute);margin-top:10px}

/* row 3: your tools + activity this week */
.awd .row3{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}.awd .row3>.act{position:sticky;top:16px}
.awd .tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.awd .tc{display:flex;flex-direction:column;gap:8px;text-align:start;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;cursor:pointer;min-width:0;transition:border-color .15s,box-shadow .15s}
.awd .tc:hover{border-color:color-mix(in srgb,var(--c) 45%,#fff);box-shadow:0 6px 16px rgba(30,33,64,.07)}
.awd .tc .tt{display:flex;align-items:center;gap:10px}.awd .tc .tt div{flex:1;min-width:0}
.awd .tc b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.awd .tc small{display:block;color:var(--mute);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.awd .tc .tb{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--mute)}
.awd .tc .tb b{display:inline;font-size:inherit;color:var(--ink)}.awd .tc .tb>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.awd .tc.off{background:#fafbfd}.awd .tc.off .sq-ic{background:#f0f1f6;color:#a0a5bd}
.awd .act{display:flex;flex-direction:column}.awd .act>svg{width:100%;height:180px;display:block}
.awd .act .x{display:flex;justify-content:space-between;font-size:11.5px;color:var(--mute);direction:ltr;margin-top:4px}
.awd .act .tot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:13px;color:var(--mute)}.awd .act .tot b{font-size:20px;color:var(--ink)}

/* ---- module detail: squares for the numbers, rectangles for the rest ---- */
.awd .dgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}
.awd .dhead{display:none}
.awd .dt{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:18px;min-width:0;grid-column:span 2}
.awd .dt.sq{grid-column:span 1;min-height:130px;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.awd .dt.sq::before{content:"";position:absolute;top:18px;inset-inline-end:18px;width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--c) 30%,#fff)}
.awd .dt.sq small{color:var(--mute);font-size:13.5px;font-weight:600}.awd .dt.sq b{font-size:36px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1;white-space:nowrap}
.awd .dt.sq em{font-style:normal;font-size:13px;color:var(--mute)}
.awd .dt.sq.good b{color:var(--good)}.awd .dt.sq.bad b{color:var(--bad)}.awd .dt.sq.warn b{color:var(--warn)}
.awd .dt.wide{grid-column:1/-1}.awd .dt.wide .chart svg{height:170px}
.awd .dt .dh{font-size:14px;color:var(--mute);font-weight:600;margin:0 0 10px}

/* shared pieces (also the widget) */
.awd .mod{border-top:4px solid var(--c,var(--acc))}
.awd .mod header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.awd .mod header h2{flex:1;font-size:16px}
.awd .mod header a{font-size:13px;color:var(--c,var(--acc));text-decoration:none;font-weight:700}
.awd .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:12px}
.awd .kpi{background:#f8f9fd;border-radius:12px;padding:8px 10px;min-width:0}
.awd .kpi small{display:block;color:var(--mute);font-size:12.5px}.awd .kpi b{display:block;font-size:22px;font-variant-numeric:tabular-nums;white-space:nowrap}
.awd .kpi em{font-style:normal;font-size:12px;color:var(--mute)}
.awd .kpi.good b{color:var(--good)}.awd .kpi.bad b{color:var(--bad)}.awd .kpi.warn b{color:var(--warn)}
.awd .chart h3,.awd .lst h3{font-size:14px;color:var(--mute);font-weight:600;margin:0 0 8px}
.awd .chart svg{width:100%;height:96px;display:block}
.awd .chart .x{display:flex;justify-content:space-between;font-size:11.5px;color:var(--mute);direction:ltr}
.awd .bars{display:grid;gap:7px;height:auto;padding:0;border:0;align-items:normal}
/* resets: host pages may have their own .bar (a sticky header), .bars (a column chart) or .tr (a switch); inside a dashboard these are always ours */
.awd .bar{display:grid;grid-template-columns:110px 1fr 34px;gap:10px;align-items:center;font-size:13.5px;height:auto;margin:0;background:none;border-radius:0;position:static;z-index:auto;padding:0;border:0;overflow:visible;flex-wrap:nowrap}
.awd .bar span,.awd .bars span{display:inline;flex:initial;min-width:0;height:auto;background:none;border-radius:0}
.awd .bar i{display:block;height:10px;border-radius:6px;background:var(--c,var(--acc));min-width:2px}.awd .bar b{text-align:end;font-variant-numeric:tabular-nums}
.awd .lst ul{list-style:none;margin:0;padding:0}.awd .lst li{display:flex;gap:8px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.awd .lst li span{flex:1;min-width:0}.awd .lst li small{color:var(--mute);white-space:nowrap}.awd .lst li em{display:block;font-style:normal;color:var(--mute);font-size:12.5px}
.awd .empty{color:var(--mute);font-size:14px;margin:0}
.awd .who{font-size:12px;font-weight:700;border-radius:999px;padding:1px 8px;color:#fff;background:#64748b;flex:none;align-self:flex-start;margin-top:2px}
.awd .sc{font-weight:800;font-variant-numeric:tabular-nums}.awd .sc.good{color:var(--good)}.awd .sc.warn{color:var(--warn)}.awd .sc.bad{color:var(--bad)}
.awd .ring{--p:0;width:46px;height:46px;border-radius:50%;background:conic-gradient(var(--c,var(--good)) calc(var(--p)*1%),#e8eaf2 0);display:grid;place-items:center}.awd .ring i{width:34px;height:34px;border-radius:50%;background:#fff}

/* admin table */
.awd .tw{overflow-x:auto}
.awd table.sites{width:100%;border-collapse:collapse;font-size:14px}
.awd table.sites th{text-align:start;color:var(--mute);font-weight:600;font-size:12.5px;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.awd table.sites td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.awd table.sites tr:last-child td{border:0}.awd table.sites tr:hover td{background:#fafbff}
.awd table.sites a{color:var(--ink);text-decoration:none;white-space:nowrap}.awd table.sites a:hover b{color:var(--acc)}
.awd .bigsc{display:inline-grid;place-items:center;width:44px;height:30px;border-radius:9px;font-weight:800}
.awd .bigsc.good{background:#e8f8ee;color:var(--good)}.awd .bigsc.warn{background:#fdf3e2;color:var(--warn)}.awd .bigsc.bad{background:#fdecec;color:var(--bad)}
.awd .note{font-size:12.5px;color:var(--mute);margin-top:18px}

/* the widget inside a tool */
.awd.awd-w{margin:0 0 16px}.awd.awd-w .card{padding:14px}

/* ---- narrower screens ---- */
@media (max-width:1180px){.awd .row1{grid-template-columns:1fr 1fr}.awd .row2{grid-template-columns:1fr 1fr}.awd .row2>:last-child{grid-column:1/-1}.awd .row3{grid-template-columns:1fr}}
@media (max-width:900px){
  .awd .app{grid-template-columns:minmax(0,1fr)}
  .awd .side{position:sticky;top:0;z-index:15;height:auto;flex-direction:row;align-items:center;gap:8px;padding:8px 16px;border:0;border-bottom:1px solid var(--line);overflow:visible}
  .awd .brand span{display:none}.awd .help{display:none}
  .awd .nav{flex-direction:row;overflow-x:auto;scrollbar-width:none;flex:1}.awd .nav::-webkit-scrollbar{display:none}
  .awd .nav button,.awd .nav a{padding:8px 10px;font-size:14px}.awd .nav [aria-current=page]{box-shadow:inset 0 -3px 0 var(--acc)}.awd .nav .sep,.awd .nav .dot,.awd .nav .grp{display:none}
  .awd .topbar{padding:12px 16px}.awd .topbar .pillc{justify-content:flex-start}.awd main{padding:0 16px 24px}
  .awd .dgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .awd .row1,.awd .row2{grid-template-columns:1fr}.awd .hero .big{font-size:48px}.awd .hring{width:76px;height:76px}.awd .hring i{width:58px;height:58px}
  .awd .tgrid{grid-template-columns:1fr 1fr}.awd .title h1{font-size:24px}.awd .title .face{width:50px;height:50px}
  .awd .kc .kv{font-size:28px}.awd .dgrid{gap:10px}.awd .dt{padding:14px}.awd .dt.sq b{font-size:28px}.awd .bar{grid-template-columns:84px 1fr 30px}
  .awd .pillc span{font-size:12px}.awd .tc .tb>span:last-child{display:none}.awd .tc b,.awd .tc small{white-space:normal;overflow:visible}.awd .tc .tt{align-items:flex-start}.awd .tc .sq-ic{width:34px;height:34px}
}
@media (prefers-reduced-motion:reduce){.awd *{transition:none!important}}
@media print{.awd .side,.awd .topbar{display:none}.awd .app{display:block}.awd .card,.awd .dt{break-inside:avoid;box-shadow:none}}
/* ask-claude.js: the one-click "Claude, תטפל בזה" and its note */
.awd .awask{white-space:nowrap}
.awask-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:99;max-width:min(560px,calc(100vw - 32px));background:#1e2140;color:#fff;border-radius:14px;padding:12px 18px;font-size:14px;line-height:1.5;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:opacity .2s,transform .2s;text-align:center}
.awask-toast.on{opacity:1;transform:translate(-50%,0)}