/* WhatsApp Hub — עיצוב. RTL כברירת מחדל; מאפיינים לוגיים כדי שהכול יתהפך נכון. */
:root {
  --paper: #080808;
  --surface: #151515;
  --sunken: #111111;
  --ink: #FFFFFF;
  --ink-2: #B8B8B8;
  --line: #D4AF3733;
  --accent: #D4AF37;
  --accent-ink: #080808;
  --accent-soft: #D4AF3714;
  --ok: #D4AF37;
  --warn: #F5D76E;
  --bad: #ff7f7f;
  --info: #D4AF37;
  --shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 10px 30px -14px rgb(0 0 0 / 60%);
  --radius: 14px;
  --nav-w: 264px;
  --font: system-ui, -apple-system, "Segoe UI", "Noto Sans Hebrew", "Arial Hebrew", Roboto, Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--paper); color: var(--ink); font-family: var(--font); font-size: 16px; line-height: 1.55;
  min-height: 100dvh; -webkit-tap-highlight-color: transparent;
}
h1, h2, h3 { margin: 0; line-height: 1.25; letter-spacing: -0.01em; }
h1 { font-size: 1.6rem; font-weight: 750; }
h2 { font-size: 1.15rem; font-weight: 700; }
h3 { font-size: 1rem; font-weight: 700; }
p { margin: 0 0 .75em; max-width: 68ch; }
a { color: var(--accent); }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; border-radius: 6px; }
.muted { color: var(--ink-2); font-size: .92rem; }
.empty { color: var(--ink-2); padding: 1.2rem 0; text-align: center; }
.grow { flex: 1 1 auto; }
.row { display: flex; align-items: center; gap: .6rem; }
.row.wrap { flex-wrap: wrap; }
.stack { display: flex; flex-direction: column; gap: 1rem; }
.grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); }
.code { font-family: var(--mono); font-size: .85rem; background: var(--sunken); border: 1px solid var(--line); border-radius: 10px; padding: .8rem; overflow: auto; direction: ltr; text-align: left; white-space: pre-wrap; word-break: break-word; }

/* ===== כפתורים וטפסים ===== */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 40px; padding: .45rem 1rem;
  border: 1px solid var(--line); border-radius: 10px; background: var(--surface); cursor: pointer; font-weight: 600; text-decoration: none;
  transition: background-color .15s, border-color .15s, transform .08s;
}
.btn:hover:not(:disabled) { border-color: var(--ink-2); }
.btn:active:not(:disabled) { transform: translateY(1px); }
.btn:disabled { opacity: .5; cursor: not-allowed; }
.btn.primary { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }
.btn.primary:hover:not(:disabled) { filter: brightness(1.08); border-color: var(--accent); }
.btn.ghost { background: transparent; border-color: transparent; }
.btn.ghost:hover:not(:disabled) { background: var(--sunken); border-color: var(--line); }
.btn.danger { color: var(--bad); border-color: color-mix(in srgb, var(--bad) 40%, var(--line)); }
.btn.sm { min-height: 34px; padding: .25rem .7rem; font-size: .9rem; }

.field { display: flex; flex-direction: column; gap: .3rem; margin-block: .6rem; }
.field > span { font-size: .88rem; color: var(--ink-2); font-weight: 600; }
input[type="text"], input[type="password"], input[type="number"], input[type="search"], select, textarea {
  width: 100%; min-height: 42px; padding: .5rem .75rem; background: var(--surface); border: 1px solid var(--line); border-radius: 10px;
}
textarea { resize: vertical; min-height: 84px; line-height: 1.5; }
input:disabled, select:disabled, textarea:disabled { background: var(--sunken); color: var(--ink-2); }
.switch { display: inline-flex; align-items: center; gap: .55rem; cursor: pointer; min-height: 40px; }
.switch input { width: 20px; height: 20px; accent-color: var(--accent); }

.pill { display: inline-flex; align-items: center; gap: .35rem; padding: .1rem .65rem; border-radius: 999px; font-size: .82rem; font-weight: 650; background: var(--sunken); border: 1px solid var(--line); }
.pill.ok { color: var(--ok); } .pill.warn { color: var(--warn); } .pill.bad { color: var(--bad); } .pill.off { color: var(--ink-2); }

/* נורות סטטוס */
.lamp { display: inline-block; width: 11px; height: 11px; border-radius: 50%; flex: none; background: var(--line); }
.lamp.ok { background: var(--ok); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ok) 22%, transparent); }
.lamp.warn { background: var(--warn); box-shadow: 0 0 0 3px color-mix(in srgb, var(--warn) 22%, transparent); }
.lamp.bad { background: var(--bad); box-shadow: 0 0 0 3px color-mix(in srgb, var(--bad) 22%, transparent); }
.lamp.pulse { animation: lamp 1.1s ease-in-out infinite; }
@keyframes lamp { 50% { opacity: .35; } }

/* ===== כרטיסים ורשימות ===== */
.card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.1rem 1.2rem; box-shadow: var(--shadow); }
.card > h3:first-child, .card > .row:first-child { margin-bottom: .7rem; }
.list { margin: 0; padding: 0; list-style: none; }
.list > li { display: flex; align-items: center; gap: .8rem; padding: .85rem 0; border-top: 1px solid var(--line); }
.list > li:first-child { border-top: 0; }
.list .main { flex: 1 1 auto; min-width: 0; }
.list .title { font-weight: 650; display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.list .sub { color: var(--ink-2); font-size: .9rem; overflow-wrap: anywhere; }
.list .err { color: var(--bad); font-size: .88rem; overflow-wrap: anywhere; }
.actions { display: flex; gap: .4rem; flex-wrap: wrap; justify-content: flex-end; }

.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 1rem 1.4rem; }
.stat-label { color: var(--ink-2); font-size: .85rem; }
.stat-value { font-size: 1.75rem; font-weight: 760; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; line-height: 1.2; }
.stat-sub { color: var(--ink-2); font-size: .82rem; }

/* ===== רצועת הקו (סקירה) ===== */
.line-strip { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: .7rem; padding: 1.4rem 1.2rem; }
.node { display: grid; justify-items: center; gap: .35rem; text-align: center; min-width: 74px; }
.node svg { width: 38px; height: 38px; }
.node b { font-size: .95rem; }
.node small { color: var(--ink-2); font-size: .8rem; }
.wire { position: relative; height: 4px; border-radius: 4px; background: var(--line); overflow: hidden; }
.wire.live { background: color-mix(in srgb, var(--ok) 35%, var(--line)); }
.wire.live::after {
  content: ""; position: absolute; inset-block: 0; inset-inline-start: -30%; width: 30%; background: var(--ok); border-radius: 4px;
  animation: travel 2.2s linear infinite;
}
.wire.wait { background: repeating-linear-gradient(90deg, var(--warn) 0 8px, transparent 8px 16px); opacity: .6; }
.wire.dead { background: repeating-linear-gradient(90deg, var(--bad) 0 4px, transparent 4px 14px); opacity: .55; }
@keyframes travel { to { inset-inline-start: 100%; } }
.strip-note { padding: 0 1.2rem 1.1rem; display: flex; gap: .7rem; align-items: center; flex-wrap: wrap; }
.strip-note .headline { font-size: 1.15rem; font-weight: 700; }

/* ===== מעטפת ===== */
.shell { display: grid; grid-template-columns: var(--nav-w) 1fr; min-height: 100dvh; }
.nav {
  position: sticky; top: 0; height: 100dvh; overflow-y: auto; padding: 1.2rem .9rem; background: var(--surface);
  border-inline-end: 1px solid var(--line); display: flex; flex-direction: column; gap: .2rem;
}
.brand { display: flex; align-items: center; gap: .7rem; padding: .3rem .6rem 1rem; font-weight: 800; font-size: 1.1rem; }
.brand i { width: 34px; height: 34px; border-radius: 10px; background: var(--accent); color: var(--accent-ink); display: grid; place-items: center; font-style: normal; }
.nav a.item {
  display: flex; align-items: center; gap: .7rem; padding: .62rem .8rem; border-radius: 10px; color: var(--ink); text-decoration: none; font-weight: 600; min-height: 44px;
}
.nav a.item:hover { background: var(--sunken); }
.nav a.item[aria-current="page"] { background: var(--accent-soft); color: var(--accent); }
.nav a.item .ico { width: 1.4rem; text-align: center; }
.nav .sep { margin: .9rem .8rem .3rem; color: var(--ink-2); font-size: .8rem; font-weight: 600; }
.nav .foot { margin-top: auto; padding-top: 1rem; border-top: 1px solid var(--line); }
.who { padding: .5rem .8rem; font-size: .9rem; } .who b { display: block; }
.main { min-width: 0; }
.topbar { display: none; }
.content { padding: 1.6rem clamp(1rem, 3vw, 2.4rem) 6rem; max-width: 1180px; }
.page-head { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; margin-bottom: 1.2rem; }
.page-head .sub { color: var(--ink-2); flex-basis: 100%; margin: 0; }

@media (max-width: 860px) {
  .shell { display: block; }
  .nav { position: fixed; inset-block: 0; inset-inline-start: 0; width: min(86vw, 300px); z-index: 30; transform: translateX(100%); transition: transform .22s ease; box-shadow: var(--shadow); }
  [dir="ltr"] .nav { transform: translateX(-100%); }
  .nav.open { transform: none; }
  .scrim { position: fixed; inset: 0; background: rgb(0 0 0 / 55%); z-index: 20; }
  .topbar { display: flex; align-items: center; gap: .6rem; position: sticky; top: 0; z-index: 10; padding: .6rem .9rem; background: color-mix(in srgb, var(--paper) 88%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }
  .topbar b { font-size: 1.05rem; }
  .content { padding-top: 1.1rem; }
  .line-strip { grid-template-columns: auto 1fr auto 1fr auto; padding-inline: .8rem; gap: .4rem; }
  .node { min-width: 58px; } .node svg { width: 30px; height: 30px; }
  .list > li { flex-wrap: wrap; }
  .actions { justify-content: flex-start; width: 100%; }
}

/* ===== כניסה ===== */
.login { min-height: 100dvh; display: grid; place-items: center; padding: 1.2rem; }
.login .card { width: min(100%, 400px); padding: 1.8rem; }
.login h1 { margin-bottom: .3rem; }
.form-error { color: var(--bad); min-height: 1.4em; margin: .5rem 0; font-size: .92rem; }

/* ===== פס שמירה, QR וקוד צימוד ===== */
.savebar { position: sticky; bottom: .8rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .7rem 1rem; border-radius: 12px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow); }
.savebar.show { border-color: var(--accent); }
.qr { width: min(100%, 300px); aspect-ratio: 1; background: #fff; border-radius: 12px; padding: 8px; border: 1px solid var(--line); }
.pairing { font-family: var(--mono); font-size: 2rem; font-weight: 800; letter-spacing: .25em; direction: ltr; padding: .6rem 0; }

/* ===== דיאלוג והודעות ===== */
.dialog { border: 1px solid var(--line); border-radius: 16px; padding: 0; width: min(94vw, 560px); background: var(--surface); color: var(--ink); box-shadow: var(--shadow); }
.dialog::backdrop { background: rgb(0 0 0 / 60%); }
.dialog-head { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.2rem .4rem; }
.dialog-body { padding: .4rem 1.2rem; max-height: 65dvh; overflow: auto; }
.dialog-actions { display: flex; gap: .5rem; justify-content: flex-end; padding: .8rem 1.2rem 1.1rem; }
.toasts { position: fixed; inset-block-end: 1rem; inset-inline: 1rem; display: grid; justify-items: center; gap: .5rem; z-index: 100; pointer-events: none; }
.toast { background: var(--surface); color: var(--ink); padding: .6rem 1rem; border-radius: 10px; box-shadow: var(--shadow); max-width: 92vw; pointer-events: auto; }
.toast.error { background: var(--bad); color: #fff; }
.perm-grid { display: grid; gap: .1rem; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* בחירות בתוך שורות כלים לא נמתחות לרוחב מלא */
.row > select { width: auto; }

/* ===== חיבור בקוד ===== */
.copy-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin: .2rem 0 .6rem; }
.pairing { user-select: all; -webkit-user-select: all; padding: .3rem .1rem; }
.btn.done { background: var(--ok); border-color: var(--ok); color: var(--accent-ink); }
.steps { margin: .4rem 0 1rem; padding-inline-start: 1.3rem; color: var(--ink-2); }
.steps li { margin-block: .25rem; }
.or { display: flex; align-items: center; gap: .8rem; margin: 1.1rem 0 .8rem; color: var(--ink-2); font-size: .9rem; }
.or::before, .or::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.qr-wrap { display: grid; justify-items: start; gap: .5rem; }

/* ===== צ'אט (מודול ai-chat) ===== */
.chat{display:flex;flex-direction:column;gap:.8rem}
.chat-list{display:flex;flex-direction:column;gap:.6rem;height:clamp(240px,50vh,520px);overflow-y:auto;padding:.2rem}
.bubble{max-width:85%;padding:.6rem .8rem;border-radius:14px;background:var(--accent-soft);align-self:flex-end;display:flex;flex-direction:column;gap:.3rem}
.bubble.user{align-self:flex-start;background:var(--accent);color:var(--accent-ink)}
.bubble.error{background:transparent;border:1px solid var(--bad);color:var(--bad);align-self:center}
.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
.btn.small{padding:.2rem .6rem;font-size:.8rem;align-self:flex-start}
.chat-compose{display:flex;flex-direction:column;gap:.5rem}
.chat-compose textarea{width:100%;resize:vertical}
.tabs{gap:.4rem;flex-wrap:wrap}
.list{display:flex;flex-direction:column;gap:.5rem;margin:.6rem 0}
.key-row{align-items:center}

/* ===== מתג ושעות (call-blocker) ===== */
.switch{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer}
.switch input{appearance:none;-webkit-appearance:none;width:3rem;height:1.7rem;border-radius:999px;background:var(--line);position:relative;cursor:pointer;transition:background .15s;flex:none;margin:0}
.switch input::after{content:"";position:absolute;top:.2rem;inset-inline-start:.2rem;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px rgb(0 0 0/30%);transition:inset-inline-start .15s}
.switch input:checked{background:var(--ok)}
.switch input:checked::after{inset-inline-start:1.5rem}
.switch input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.switch input:disabled{opacity:.5;cursor:not-allowed}

/* ===== ערכת רכיבי עריכה (ui.js) ===== */
.pop-scrim{position:fixed;inset:0;z-index:90;background:transparent}
.pop{position:fixed;z-index:91;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow),0 18px 50px -12px rgb(0 0 0/35%);padding:.9rem;max-width:calc(100vw - 16px)}
.pop.sheet{inset:auto 0 0 0;border-radius:20px 20px 0 0;max-width:none;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));max-height:80vh;overflow-y:auto}
.pop.sheet~.pop-scrim,.pop-scrim:has(+ .pop.sheet){background:rgb(0 0 0/40%)}

.tp,.dd{display:inline-flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:2.9rem;padding:.4rem .9rem;border-radius:12px;border:1px solid var(--line);background:var(--sunken);cursor:pointer;transition:border-color .12s,box-shadow .12s}
.tp:hover:not(:disabled),.dd:hover:not(:disabled){border-color:var(--accent)}
.tp:focus-visible,.dd:focus-visible,.tp-cell:focus-visible,.dd-item:focus-visible,.st-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tp:disabled,.dd:disabled{opacity:.55;cursor:not-allowed}
.tp-face{font-family:var(--mono);font-size:1.45rem;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.tp-face b{font-weight:700}
.tp-ico,.dd-caret{color:var(--accent);font-size:1.1rem}
.dd{min-width:12rem;width:100%}
.dd-face{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.tp-pop{display:flex;flex-direction:column;gap:.4rem;width:min(21rem,100%)}
.tp-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.tp-readout{font-family:var(--mono);font-size:2.2rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}
.tp-cap{font-size:.78rem;font-weight:700;color:var(--ink-2);margin-top:.3rem}
.tp-grid{display:grid;gap:.35rem}
.tp-grid.hours{grid-template-columns:repeat(6,1fr)}
.tp-grid.mins{grid-template-columns:repeat(6,1fr)}
.tp-cell{padding:.5rem 0;border-radius:10px;border:1px solid transparent;background:var(--sunken);font-family:var(--mono);font-size:.95rem;cursor:pointer;font-variant-numeric:tabular-nums}
.tp-cell:hover{border-color:var(--accent)}
.tp-cell[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);font-weight:700}
.tp-foot{justify-content:flex-end;margin-top:.5rem}
.tp-foot .btn{min-width:7rem}

.stepper{display:inline-flex;align-items:center;gap:.3rem;background:var(--sunken);border:1px solid var(--line);border-radius:12px;padding:.2rem}
.st-btn{width:2.5rem;height:2.5rem;border-radius:9px;border:0;background:var(--surface);font-size:1.3rem;cursor:pointer;color:var(--accent)}
.st-btn:hover:not(:disabled){background:var(--accent-soft)}
.st-btn:disabled{opacity:.4;cursor:not-allowed}
.st-input{width:4.6rem;text-align:center;border:0!important;background:transparent!important;font-family:var(--mono);font-size:1.1rem;font-weight:700;padding:.3rem 0}
.st-unit{color:var(--ink-2);font-size:.85rem;margin-inline-end:.3rem}

.slider{display:flex;align-items:center;gap:.9rem}
.sl{--pct:50%;-webkit-appearance:none;appearance:none;flex:1;height:.5rem;border-radius:999px;background:linear-gradient(to right,var(--accent) var(--pct),var(--line) var(--pct));outline:none;cursor:pointer}
.sl::-webkit-slider-thumb{-webkit-appearance:none;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--surface);border:3px solid var(--accent);box-shadow:0 2px 6px rgb(0 0 0/25%)}
.sl::-moz-range-thumb{width:1.2rem;height:1.2rem;border-radius:50%;background:var(--surface);border:3px solid var(--accent)}
.sl:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.sl-badge{min-width:3rem;text-align:center;font-family:var(--mono);font-weight:700;color:var(--accent)}

.dd-pop{display:flex;flex-direction:column;gap:.5rem;min-width:14rem}
.dd-search{width:100%}
.dd-list{display:flex;flex-direction:column;gap:.15rem;max-height:min(46vh,18rem);overflow-y:auto}
.dd-item{display:flex;justify-content:space-between;gap:.8rem;align-items:center;text-align:start;padding:.6rem .8rem;border-radius:10px;border:0;background:transparent;cursor:pointer}
.dd-item:hover,.dd-item:focus-visible{background:var(--accent-soft)}
.dd-item[aria-selected="true"]{background:var(--accent-soft);color:var(--accent);font-weight:700}
.dd-item.custom{color:var(--accent)}
.dd-hint{font-size:.78rem}
.dd-empty{padding:.6rem}

/* ===== שורות הגדרה (תווית + רכיב) ===== */
.set-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.set-text{display:flex;flex-direction:column;gap:.15rem;flex:1 1 14rem}
.set-ctl{flex:0 1 20rem;min-width:min(100%,14rem);display:flex;justify-content:flex-end}
.set-ctl .slider,.set-ctl .dd-wrap{width:100%}
.code-area{font-family:var(--mono);font-size:.92rem}

/* ===== ציר זמן וחלונות שעות (call-blocker) ===== */
.timeline{margin:1.2rem 0 1rem}
.tl-bar{position:relative;height:2.2rem;border-radius:12px;background:var(--sunken);border:1px solid var(--line);overflow:hidden}
.tl-seg{position:absolute;top:0;bottom:0;background:var(--accent);opacity:.9;border-inline:1px solid var(--accent-ink)}
.tl-seg.all{opacity:.45}
.timeline.off .tl-seg{background:var(--ink-2);opacity:.35}
.tl-now{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--bad);z-index:2}
.tl-now i{position:absolute;top:-2px;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--bad)}
.tl-ticks{position:relative;height:1.3rem;margin-top:.35rem}
.tl-tick{position:absolute;transform:translateX(-50%);font-family:var(--mono);font-size:.72rem;color:var(--ink-2)}
.tl-tick:first-child{transform:none}.tl-tick:last-child{transform:translateX(-100%)}
.tl-legend{display:flex;gap:1.2rem;font-size:.8rem;color:var(--ink-2);margin-top:.3rem;flex-wrap:wrap}
.lg::before{content:"";display:inline-block;width:.8rem;height:.8rem;border-radius:4px;margin-inline-end:.4rem;vertical-align:-1px}
.lg.block::before{background:var(--accent)}.lg.now::before{background:var(--bad);border-radius:50%}
.wins{display:flex;flex-direction:column;gap:.7rem;margin:1rem 0}
.win{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;padding:.8rem;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.win-num{width:2rem;height:2rem;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:700;flex:none}
.win-times{display:flex;align-items:center;gap:.7rem;flex:1 1 auto;flex-wrap:wrap}
.win-t{display:flex;align-items:center;gap:.4rem}
.win-arrow{color:var(--ink-2);font-size:1.2rem}
.win-meta{display:flex;gap:.4rem;flex-wrap:wrap}
.empty-note{padding:1rem;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--ink-2);margin:1rem 0}
.presets{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .8rem;border-radius:999px;border:1px solid var(--line);background:var(--sunken);cursor:pointer;font-size:.88rem}
.chip:hover{border-color:var(--accent);background:var(--accent-soft)}
.chip.add{color:var(--accent);font-weight:700;border-style:dashed}
.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ===== פאנל מיקום ===== */
.map{position:relative;height:220px;border-radius:14px;overflow:hidden;background:var(--sunken);border:1px solid var(--line);margin:.8rem 0}
.map-grid{position:absolute;left:50%;top:50%;margin:0;display:grid;grid-template-columns:repeat(3,256px);transform-origin:0 0;direction:ltr}
.map-grid img{display:block;width:256px;height:256px}
.map-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);font-size:2rem;filter:drop-shadow(0 2px 3px rgb(0 0 0/40%));line-height:1}
.map-credit{position:absolute;bottom:2px;inset-inline-end:6px;font-size:.65rem;background:rgb(17 17 17/75%);color:#B8B8B8;padding:0 4px;border-radius:4px}
.loc-input input{min-width:0}
.loc-coords{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.result{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:start;padding:.6rem .8rem;border-radius:12px;border:1px solid var(--line);background:var(--sunken);cursor:pointer}
.result:hover{border-color:var(--accent);background:var(--accent-soft)}
.result .muted{font-size:.8rem}
.chip.saved{padding:0;gap:0;overflow:hidden}
.chip-main,.chip-x{border:0;background:transparent;cursor:pointer;padding:.45rem .7rem}
.chip-x{color:var(--ink-2);border-inline-start:1px solid var(--line)}
.chip-x:hover{color:var(--bad)}
.btn.big{min-height:3rem;padding-inline:1.6rem;font-size:1.05rem}
.stack-sm{display:flex;flex-direction:column}

/* ===== הודעות מחוקות ===== */
.dm-item{display:flex;flex-direction:column;gap:.7rem}
.dm-times{font-size:.8rem;text-align:end}
.dm-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;padding:.7rem .9rem;background:var(--sunken);border-radius:12px}
.dm-mediabox{display:flex;flex-direction:column;gap:.3rem;align-items:flex-start}
.dm-media{max-width:100%;max-height:340px;border-radius:12px;background:var(--sunken)}
.dm-media.zoom{cursor:zoom-in}
.dm-full{max-width:100%;max-height:70vh;display:block;margin:auto;border-radius:10px}
.dm-missing{padding:.6rem .8rem;border:1px dashed var(--line);border-radius:12px;color:var(--ink-2)}
.dm-info{font-size:.8rem}

/* ---- תמלול הקלטות ---- */
.dropzone { border-style: dashed; text-align: center; display: flex; flex-direction: column; align-items: center; gap: .6rem; }
.dropzone.drag { border-color: var(--accent, #D4AF37); background: color-mix(in srgb, var(--accent, #D4AF37) 10%, transparent); }
.transcript { white-space: pre-wrap; line-height: 1.7; margin: .6rem 0; font-size: 1.02rem; user-select: text; }
.card.hint { background: color-mix(in srgb, var(--accent, #D4AF37) 8%, var(--card, transparent)); line-height: 1.7; }
.chip-x{border:0;background:transparent;color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer;padding:0 .1rem}
.chip-x:hover{color:var(--bad)}

/* ---- תזמון ---- */
.dt{display:flex;flex-direction:column;gap:.6rem}
.dt-row{align-items:center;gap:.6rem}
.segs{display:inline-flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--sunken)}
.seg{border:0;background:transparent;color:inherit;padding:.55rem .9rem;font:inherit;cursor:pointer;min-height:44px}
.seg[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);font-weight:700}
.seg:disabled{opacity:.6;cursor:default}
.dt-summary{padding:.55rem .8rem;border-radius:10px;font-size:.92rem}
.dt-summary.ok{background:color-mix(in srgb,var(--ok,#D4AF37) 14%,transparent)}
.dt-summary.bad{background:color-mix(in srgb,var(--bad,#e5484d) 14%,transparent);color:var(--bad,#e5484d)}
.mp{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:.9rem;border:1px dashed var(--line);border-radius:14px;background:var(--sunken)}
.mp.drag{border-color:var(--accent);background:var(--accent-soft)}
.mp-hint{font-size:.82rem}
.mp-err{color:var(--bad,#e5484d);font-size:.9rem}
.mp-prev{max-width:100%;max-height:260px;border-radius:12px;background:#000;align-self:center}
.jobs{display:flex;flex-direction:column;gap:.7rem}
.job{display:flex;gap:.8rem;padding:.8rem;border:1px solid var(--line);border-radius:14px;background:var(--sunken)}
.job-thumb{width:84px;height:84px;object-fit:cover;border-radius:10px;background:#000;flex:none}
.job-thumb.ph{display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:var(--card)}
.job-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}
.job-text{white-space:pre-wrap;word-break:break-word;max-height:6.5em;overflow:hidden}
.job-err{color:var(--bad,#e5484d);font-size:.88rem}
.job.sent,.job.failed,.job.missed{opacity:.85}
.target-seg{margin-bottom:.4rem}
.phone-preview{font-size:.9rem;min-height:1.4em}
.phone-preview.ok{color:var(--ok,#D4AF37)}
.phone-preview.bad{color:var(--bad,#e5484d)}
.story{border-radius:16px;min-height:180px;display:flex;align-items:center;justify-content:center;padding:1.2rem;text-align:center;color:#fff;font-size:1.25rem;font-weight:600;line-height:1.5;word-break:break-word;white-space:pre-wrap}
.swatches{display:flex;gap:.45rem;flex-wrap:wrap}
.swatch{width:34px;height:34px;border-radius:50%;border:3px solid transparent;cursor:pointer;padding:0}
.swatch[aria-pressed=true]{border-color:var(--text,#fff);box-shadow:0 0 0 2px var(--accent)}

/* ---------- עזרה ---------- */
.help-chips{gap:.4rem}
.help-card{padding:0;overflow:hidden}
.help-head{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:.85rem;padding:.95rem 1.1rem;cursor:pointer}
.help-head:hover{background:var(--sunken)}
.help-head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.help-ico{font-size:1.5rem;line-height:1}
.help-titles{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}
.help-titles b{font-size:1.05rem}
.help-chev{color:var(--ink-2);font-size:1.1rem}
.help-body{padding:.2rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.8rem;border-top:1px solid var(--line)}
.help-p{margin:.6rem 0 0;line-height:1.7}
.help-list,.help-steps{margin:.5rem 0 0;padding-inline-start:1.4rem;display:flex;flex-direction:column;gap:.45rem;line-height:1.65}
.help-steps li::marker{font-weight:700;color:var(--accent)}
.help-note{padding:.7rem .9rem;border-radius:12px;border:1px solid var(--line);background:var(--sunken);line-height:1.6}
.help-note.tip{border-color:var(--ok)}
.help-note.warn{border-color:var(--warn)}
.help-table-wrap{overflow-x:auto}
.help-table{width:100%;border-collapse:collapse;font-size:.95rem}
.help-table th,.help-table td{text-align:start;padding:.55rem .7rem;border-bottom:1px solid var(--line);vertical-align:top}
.help-table th{color:var(--ink-2);font-weight:650}
.help-table td[dir=ltr]{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88rem;overflow-wrap:anywhere}

/* ---------- צ'אט AI: Markdown, הצעות, חשיבה ---------- */
.md{line-height:1.7;overflow-wrap:anywhere}
.md>*:first-child{margin-top:0}.md>*:last-child{margin-bottom:0}
.md p{margin:.45rem 0}
.md-h{font-weight:700;font-size:1.05em;margin:.7rem 0 .2rem}
.md ul,.md ol{margin:.4rem 0;padding-inline-start:1.4rem;display:flex;flex-direction:column;gap:.2rem}
.md blockquote{margin:.5rem 0;padding:.2rem .8rem;border-inline-start:3px solid var(--accent);color:var(--ink-2)}
.md a{color:var(--accent);text-decoration:underline}
.md-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88em;padding:.05rem .35rem;border-radius:6px;background:var(--sunken);border:1px solid var(--line)}
.md-pre{margin:.6rem 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--sunken)}
.md-pre-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.2rem .4rem .2rem .7rem;border-bottom:1px solid var(--line);font-size:.78rem;color:var(--ink-2)}
.md-pre pre{margin:0;padding:.7rem .9rem;overflow:auto;font-size:.85rem;line-height:1.55;max-height:420px}
.bubble.assistant .md{max-width:100%}
.bubble-actions{display:flex;gap:.3rem;flex-wrap:wrap}
.chat-top{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;justify-content:space-between}
.chat-top .persona{min-width:210px}
.chat-empty{display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center;padding:1.2rem .5rem}
.chat-empty h3{margin:0}
.suggestions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.suggestion{all:unset;box-sizing:border-box;cursor:pointer;padding:.5rem .9rem;border-radius:999px;border:1px solid var(--line);background:var(--sunken);font-size:.92rem}
.suggestion:hover{border-color:var(--accent)}
.suggestion:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.typing{display:inline-flex;gap:.3rem;align-items:center;padding:.2rem 0}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--ink-2);animation:typing 1.2s infinite ease-in-out}
.typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}
@keyframes typing{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.typing i{animation:none;opacity:.6}}
.help-h{margin:.9rem 0 .1rem;font-size:1rem;color:var(--accent)}
.help-dl{margin:.4rem 0 0;display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:.45rem 1rem;line-height:1.65}
.help-dl dt{font-weight:700}
.help-dl dd{margin:0}
@media (max-width:640px){.help-dl{grid-template-columns:1fr;gap:.1rem}.help-dl dd{margin-bottom:.6rem}}

/* ===== WhatsApp Analytics PRO ===== */
.an{--an-bg:#080808;--an-s1:#151515;--an-s2:#111111;--an-line:#D4AF3733;--an-ink:#FFFFFF;--an-ink2:#B8B8B8;--an-green:#D4AF37;--an-blue:#D4AF37;--an-purple:#D4AF37;--an-orange:#F5D76E;--an-red:#ff6b6b;--an-cell:#111111;
  --surface:var(--an-s1);--sunken:var(--an-s2);--line:var(--an-line);--ink:var(--an-ink);--ink-2:var(--an-ink2);--accent:var(--an-green);--accent-ink:#080808;--accent-soft:#D4AF3714;--ok:var(--an-green);--bad:var(--an-red);--warn:var(--an-orange);--paper:var(--an-bg);--shadow:0 1px 2px rgb(0 0 0/35%),0 14px 34px -18px rgb(0 0 0/70%);
  background:radial-gradient(1200px 500px at 90% -10%,#D4AF3714 0,transparent 60%),var(--an-bg);color:var(--an-ink);border-radius:20px;padding:1.2rem;display:flex;flex-direction:column;gap:1rem;border:1px solid var(--an-line);min-width:0}
.an .card{background:var(--an-s1);border-color:var(--an-line);border-radius:18px}
.an h2,.an h3,.an h4{margin:0}
.an-head{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;justify-content:space-between}
.an-title h2{font-size:1.55rem;letter-spacing:-.01em;background:linear-gradient(90deg,#fff,#F5D76E);-webkit-background-clip:text;background-clip:text;color:transparent;direction:ltr;text-align:right}
.an-title p{margin:.15rem 0 0;color:var(--an-ink2)}
.an-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.an-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:999px;font-size:.85rem;font-weight:650;border:1px solid var(--an-line);background:var(--an-s2)}
.an-pill i{width:.55rem;height:.55rem;border-radius:50%;background:var(--an-ink2)}
.an-pill.active{color:var(--an-green);border-color:#D4AF3733}.an-pill.active i{background:var(--an-green);box-shadow:0 0 0 0 #D4AF3780;animation:an-pulse 2s infinite}
.an-pill.paused{color:var(--an-orange);border-color:#D4AF3733}.an-pill.paused i{background:var(--an-orange)}
.an-pill.waiting{color:var(--an-blue);border-color:#D4AF3733}.an-pill.waiting i{background:var(--an-blue)}
@keyframes an-pulse{70%{box-shadow:0 0 0 7px #D4AF3700}100%{box-shadow:0 0 0 0 #D4AF3700}}
.an-upd{color:var(--an-ink2);font-size:.82rem}
.an-ico{min-width:40px;min-height:40px;padding:0;font-size:1.15rem;line-height:1}
.an-tabs{display:flex;flex-wrap:wrap;gap:.3rem;padding:.25rem;background:var(--an-s1);border:1px solid var(--an-line);border-radius:16px;scrollbar-width:thin}
.an-tab{flex:none;border:0;background:transparent;color:var(--an-ink2);font:inherit;font-weight:650;padding:.55rem .9rem;border-radius:12px;cursor:pointer;display:inline-flex;gap:.4rem;align-items:center;min-height:42px;white-space:nowrap}
.an-tab:hover{color:var(--an-ink);background:var(--an-s2)}
.an-tab[aria-selected=true]{background:var(--an-green);color:#080808}
.an-tab .lock{font-size:.75rem;opacity:.8}
.an-period{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;padding:.7rem .9rem;background:var(--an-s1);border:1px solid var(--an-line);border-radius:16px}
.an-period .segs{overflow-x:auto;max-width:100%}
.an-period .seg{min-height:38px;padding:.4rem .75rem;white-space:nowrap;font-size:.9rem}
.an-range{color:var(--an-ink2);font-size:.9rem;margin-inline-start:auto}
.an-range b{color:var(--an-ink)}
.an-custom{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;flex-basis:100%}
.an-banners{display:flex;flex-direction:column;gap:.5rem}
.an-banner{display:flex;gap:.6rem;align-items:flex-start;padding:.65rem .9rem;border-radius:14px;border:1px solid var(--an-line);background:var(--an-s2);font-size:.92rem;line-height:1.5}
.an-banner.warn{border-color:#D4AF3733;background:#D4AF3714}.an-banner.info{border-color:#D4AF3733;background:#D4AF3714}
.an-banner b{white-space:nowrap}
.an-body{display:flex;flex-direction:column;gap:1rem;min-width:0;animation:an-in .28s ease both}
@keyframes an-in{from{opacity:0;transform:translateY(6px)}}
.an-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:.8rem}
.an-card{position:relative;text-align:start;font:inherit;color:inherit;background:linear-gradient(180deg,var(--an-s1),#111111);border:1px solid var(--an-line);border-radius:18px;padding:1rem 1.05rem;display:flex;flex-direction:column;gap:.25rem;cursor:pointer;overflow:hidden;transition:transform .15s,border-color .15s}
.an-card:hover{transform:translateY(-2px);border-color:#D4AF3733}
.an-card:focus-visible{outline:2px solid var(--an-green);outline-offset:2px}
.an-card .ic{width:2.2rem;height:2.2rem;border-radius:12px;display:grid;place-items:center;font-size:1.1rem;background:var(--an-s2);margin-bottom:.2rem}
.an-card .t{color:var(--an-ink2);font-size:.88rem;font-weight:600}
.an-card .v{font-size:1.9rem;font-weight:780;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.15}
.an-card .v small{font-size:1rem;font-weight:650;color:var(--an-ink2);margin-inline-start:.3rem}
.an-card .s{color:var(--an-ink2);font-size:.8rem}
.an-card.locked{cursor:default;opacity:.7}.an-card.locked:hover{transform:none;border-color:var(--an-line)}
.an-card.static{cursor:default}.an-card.static:hover{transform:none;border-color:var(--an-line)}
.an-chg{display:inline-flex;gap:.25rem;align-items:center;font-size:.8rem;font-weight:700;padding:.1rem .5rem;border-radius:999px;align-self:flex-start;background:var(--an-s2);color:var(--an-ink2)}
.an-chg.up{color:var(--an-green);background:#D4AF3714}.an-chg.down{color:var(--an-red);background:#331616}
.an-two{display:grid;grid-template-columns:2fr 1fr;gap:1rem}
@media(max-width:900px){.an-two{grid-template-columns:1fr}}
.an-sec{display:flex;flex-direction:column;gap:.8rem;min-width:0}
.an-sec-h{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between}
.an-sec-h h3{font-size:1.05rem}
.an-chart{position:relative;display:flex;flex-direction:column;gap:.6rem;min-width:0}
.an-line-host{position:relative;width:100%;overflow:hidden}
.an-svg{display:block;width:100%;height:auto;touch-action:pan-y;cursor:crosshair}
.an-grid{stroke:var(--an-line);stroke-width:1;stroke-dasharray:3 4}
.an-axis{fill:var(--an-ink2);font-size:11px;font-family:var(--font)}
.an-path{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;animation:an-draw .9s ease both}
.an-path.dashed{stroke-dasharray:6 5;animation:none}
@keyframes an-draw{from{stroke-dashoffset:1}}
.an-area{opacity:.12}.an-dot{opacity:.9}.an-guide{stroke:var(--an-ink2);stroke-width:1;stroke-dasharray:3 3}.an-mark{stroke:var(--an-bg);stroke-width:2}
.an-tip{position:absolute;top:2.6rem;transform:translateX(-50%);z-index:3;min-width:150px;background:#111111ee;border:1px solid var(--an-line);border-radius:12px;padding:.55rem .7rem;box-shadow:var(--shadow);pointer-events:none;font-size:.85rem;backdrop-filter:blur(6px)}
.an-tip[hidden]{display:none}.an-tip-t{display:block;margin-bottom:.3rem}
.an-tip-r{display:flex;gap:.45rem;align-items:center}.an-tip-r span{flex:1;color:var(--an-ink2)}
.an-tip i,.an-leg i,.an-donut-leg i{width:.65rem;height:.65rem;border-radius:3px;display:inline-block;flex:none}
.an-legend{display:flex;flex-wrap:wrap;gap:.4rem}
.an-leg{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--an-line);background:var(--an-s2);color:var(--an-ink);font:inherit;font-size:.85rem;padding:.3rem .7rem;border-radius:999px;cursor:pointer;min-height:34px}
.an-leg[aria-pressed=false]{opacity:.45;text-decoration:line-through}
.an-cols{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.5rem;align-items:end}
.an-col{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:none;border:0;color:inherit;font:inherit;padding:0;cursor:default;min-width:0}
button.an-col{cursor:pointer}
.an-col-track{height:var(--h);width:100%;display:flex;align-items:flex-end;background:var(--an-s2);border-radius:10px;overflow:hidden}
.an-col-bar{width:100%;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;transition:height .5s}
.an-col-bar span{display:block;min-height:2px}
.an-col-n{font-size:.78rem;font-variant-numeric:tabular-nums}.an-col small{color:var(--an-ink2);font-size:.78rem}
.an-bars{display:flex;flex-direction:column;gap:.45rem}
.an-bar{display:grid;grid-template-columns:minmax(5rem,9rem) 1fr auto;gap:.3rem .7rem;align-items:center;background:none;border:0;color:inherit;font:inherit;text-align:start;padding:.15rem 0}
button.an-bar{cursor:pointer}.an-bar-t{height:.7rem;background:var(--an-s2);border-radius:99px;overflow:hidden}.an-bar-f{display:block;height:100%;border-radius:99px;transition:width .5s}
.an-bar-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.an-bar-v{font-variant-numeric:tabular-nums}.an-bar-s{grid-column:1/-1;color:var(--an-ink2);margin-top:-.2rem}
.an-donut-wrap{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;justify-content:center}
.an-donut{transform:none;flex:none}.an-donut-bg{fill:none;stroke:var(--an-s2);stroke-width:18}.an-donut-arc{fill:none;stroke-width:18;stroke-linecap:butt}
.an-donut-t{fill:var(--an-ink);font-size:26px;font-weight:760}.an-donut-s{fill:var(--an-ink2);font-size:12px}
.an-donut-leg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;min-width:9rem}
.an-donut-leg li{display:flex;gap:.5rem;align-items:center}.an-donut-leg span{flex:1}.an-donut-leg small{color:var(--an-ink2);min-width:2.6rem;text-align:end}
.an-insights{display:flex;flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none}
.an-insights li{display:flex;gap:.7rem;align-items:flex-start;padding:.7rem .85rem;background:var(--an-s2);border-radius:14px;line-height:1.55}
.an-insights .e{font-size:1.2rem}
.an-empty{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;padding:2.2rem 1rem;border:1px dashed var(--an-line);border-radius:18px;background:var(--an-s1)}
.an-empty .big{font-size:2.4rem}.an-empty ol{text-align:start;margin:.2rem 0;color:var(--an-ink2);line-height:1.8;padding-inline-start:1.3rem}
.an-lock{display:flex;flex-direction:column;align-items:center;gap:.7rem;text-align:center;padding:2.2rem 1rem;border-radius:18px;border:1px solid #D4AF3733;background:linear-gradient(180deg,#D4AF3714,#111111)}
.an-lock .big{font-size:2.4rem}.an-lock ul{text-align:start;color:var(--an-ink2);line-height:1.8;margin:.2rem 0}
.btn.premium{background:linear-gradient(90deg,#F5D76E,#D4AF37);border-color:transparent;color:#080808;font-weight:750}
.an-filters{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.an-filters .segs .seg{min-height:38px;padding:.35rem .75rem;font-size:.9rem}
.an-filters input[type=search],.an-filters input[type=text]{min-width:11rem;flex:1 1 11rem;max-width:20rem}
.an-table-wrap{overflow-x:auto;border:1px solid var(--an-line);border-radius:14px}
.an-table{width:100%;border-collapse:collapse;font-size:.92rem}
.an-table th,.an-table td{padding:.6rem .75rem;text-align:start;border-bottom:1px solid var(--an-line);white-space:nowrap}
.an-table tr:last-child td{border-bottom:0}
.an-table th{background:var(--an-s2);color:var(--an-ink2);font-weight:650;position:sticky;top:0}
.an-table th button{all:unset;cursor:pointer;display:inline-flex;gap:.3rem;align-items:center}
.an-table th button:hover{color:var(--an-ink)}.an-table th[aria-sort] button{color:var(--an-green)}
.an-table tbody tr.click{cursor:pointer}.an-table tbody tr.click:hover{background:var(--an-s2)}
.an-table td.num{font-variant-numeric:tabular-nums}.an-table .nm{max-width:16rem;overflow:hidden;text-overflow:ellipsis}
.an-share{display:inline-block;width:3.2rem;height:.4rem;border-radius:9px;background:var(--an-s2);vertical-align:middle;margin-inline-end:.4rem;overflow:hidden}
.an-share i{display:block;height:100%;background:var(--an-green)}
.an-pager{display:flex;gap:.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap;color:var(--an-ink2);font-size:.9rem}
.an-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:.7rem}
.an-stat{background:var(--an-s2);border-radius:14px;padding:.7rem .85rem}.an-stat b{display:block;font-size:1.35rem;font-variant-numeric:tabular-nums}.an-stat small{color:var(--an-ink2)}
.an-heat{width:100%}
.an-hgrid{display:grid;gap:3px;align-items:center}
.an-hl,.an-hr{color:var(--an-ink2);font-size:.72rem;text-align:center;direction:ltr}.an-hr{text-align:start}
.an-hc{aspect-ratio:1.5;min-height:22px;border:0;border-radius:6px;background:color-mix(in srgb,var(--an-green) var(--k),var(--an-cell));color:#fff;font:inherit;font-size:.62rem;cursor:pointer;padding:0;display:grid;place-items:center;transition:transform .12s}
.an-hc:hover,.an-hc.sel{transform:scale(1.12);outline:2px solid var(--an-ink);z-index:1;position:relative}
.an-hc span{pointer-events:none;text-shadow:0 1px 2px #0008}
.an-heat.flip .an-hc{aspect-ratio:auto;min-height:26px}
.an-cmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:.8rem}
.an-cmp-vals{display:flex;gap:.8rem;align-items:baseline;flex-wrap:wrap}.an-cmp-vals b{font-size:1.6rem;font-variant-numeric:tabular-nums}.an-cmp-vals span{color:var(--an-ink2)}
.an-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:.4rem 1.4rem}
.an-toggles{display:flex;flex-direction:column;gap:.6rem}
.an-row-s{display:flex;gap:.8rem;align-items:center;justify-content:space-between;padding:.7rem 0;border-top:1px solid var(--an-line);flex-wrap:wrap}
.an-row-s:first-of-type{border-top:0}
.an-row-s .d{flex:1 1 15rem;min-width:0}.an-row-s .d small{display:block;color:var(--an-ink2);margin-top:.15rem;line-height:1.5}
.an-preview{max-height:22rem;overflow:auto;background:var(--an-s2);border-radius:14px;padding:.8rem 1rem;font-size:.9rem}
.an-preview h4{margin:.8rem 0 .3rem}.an-preview h4:first-child{margin-top:0}
.an-note{color:var(--an-ink2);font-size:.85rem;line-height:1.6}
.dp-pop{padding:.6rem;min-width:17rem}.dp-head{justify-content:space-between;margin-bottom:.4rem}
.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.dp-dow{color:var(--ink-2);padding:.25rem 0}
.dp-day{border:0;background:transparent;color:inherit;font:inherit;height:2.3rem;border-radius:9px;cursor:pointer}
.dp-day:hover:not(:disabled){background:var(--sunken)}.dp-day:disabled{opacity:.28;cursor:default}
.dp-day.today{outline:1px solid var(--accent)}.dp-day.sel{background:var(--accent);color:var(--accent-ink);font-weight:700}
.dp-face.muted{font-size:inherit}.tp.dp{min-width:9.5rem}
@media(max-width:640px){.an{padding:.8rem;border-radius:16px}.an-title h2{font-size:1.3rem}.an-card .v{font-size:1.6rem}.an-range{margin-inline-start:0;flex-basis:100%}.an-bar{grid-template-columns:minmax(4rem,6rem) 1fr auto}}
@media(prefers-reduced-motion:reduce){.an-body,.an-path,.an-pill i{animation:none}.an-card,.an-col-bar,.an-bar-f{transition:none}}
:root{--an-green:#D4AF37;--an-blue:#D4AF37;--an-purple:#D4AF37;--an-orange:#F5D76E;--an-red:#ff6b6b;--an-cell:#111111;--an-ink:#FFFFFF;--an-ink2:#B8B8B8;--an-line:#D4AF3733;--an-bg:#080808;--an-s1:#151515;--an-s2:#111111}
.dialog .an-chart,.dialog .an-stats{--an-ink:var(--ink);--an-ink2:var(--ink-2);--an-line:var(--line);--an-s2:var(--sunken)}

.an-card .v.txt{font-size:1.45rem;line-height:1.3}
@media(max-width:640px){.an-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}}
.an-banner{flex-wrap:wrap}.an-banner b{white-space:normal}.an-hc{min-width:0;overflow:hidden}.an-hgrid{min-width:0}
.an-period[hidden],.an-banner[hidden]{display:none}

/* ===== פקודות מותאמות ===== */
.cmd-name{font-family:var(--mono);background:var(--sunken);border:1px solid var(--line);border-radius:8px;padding:.1rem .5rem;font-size:.95rem}
.cmd-reply{white-space:pre-wrap;max-height:5.2em;overflow:hidden}
.cmd-off{opacity:.65}
.cmd-edit{display:block}

/* ===== MediaDrop PRO ===== */
.md-input{display:flex;gap:.6rem;align-items:stretch;flex-wrap:wrap;margin:.6rem 0}
.md-input input{flex:1 1 18rem;min-width:0}
.md-note{margin-top:.8rem}
.md-job .md-url{direction:ltr;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.md-job{align-items:flex-start!important}
.md-job .actions{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end;max-width:100%}
.md-bar{height:8px;border-radius:99px;background:var(--sunken);border:1px solid var(--line);overflow:hidden;margin:.5rem 0;direction:ltr}
.md-bar i{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .4s ease}
.md-bar.indet i{width:35%;animation:md-slide 1.2s ease-in-out infinite}
@keyframes md-slide{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}
@media(prefers-reduced-motion:reduce){.md-bar.indet i{animation:none;width:100%;opacity:.5}}
.md-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.6rem;margin:.4rem 0 .8rem;align-items:center}
.md-filters input{width:100%;min-width:0}
.md-check{flex:none;width:26px;height:26px;border-radius:8px;border:1.5px solid var(--line);background:var(--sunken);color:var(--accent-ink);font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-top:.15rem;padding:0}
.md-check[aria-checked=true]{background:var(--accent);border-color:var(--accent)}
.md-check:disabled{opacity:.35;cursor:not-allowed}
.md-pager{justify-content:center;margin-top:.8rem}
.md-det{display:flex;gap:.8rem;justify-content:space-between;border-top:1px solid var(--line);padding-top:.5rem;overflow-wrap:anywhere}
.md-det>span:first-child{flex:none}
.md-det>span:last-child{text-align:left;min-width:0}
.pill.off{color:var(--ink-2)}

/* ===== סטטוס (status-viewer) ===== */
.sv-item{align-items:flex-start!important}
.sv-item .actions{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
.sv-edit{margin-top:.7rem;display:grid;gap:.6rem}
.sv-rule{margin-top:.6rem;display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}

/* ===== פקודות AI ===== */
.ac-warn { margin: .6rem 0 0; padding-inline-start: 1.1rem; color: var(--warn); font-size: .88rem; }
.ac-big { font-size: 1.35rem; line-height: 1; }
.ac-emo { display: flex; flex-direction: column; gap: .5rem; }
.ac-chips, .ac-pal { display: flex; flex-wrap: wrap; gap: .4rem; }
.ac-chip { display: inline-flex; align-items: center; gap: .35rem; min-height: 40px; padding: .25rem .7rem; border-radius: 999px; border: 1px solid var(--line); background: var(--sunken); color: inherit; font: inherit; font-size: 1.05rem; cursor: pointer; }
.ac-chip:hover:not(:disabled) { border-color: var(--accent); background: var(--accent-soft); }
.ac-chip.on, .ac-chip.sel { border-color: var(--accent); background: var(--accent-soft); font-weight: 700; }
.ac-chip .x { color: var(--ink-2); font-size: 1rem; }
.ac-chip:disabled { opacity: .6; cursor: default; }
.ac-chip:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.ac-form .field { margin-block: .8rem; }
.ac-edit { margin-top: .6rem; }

/* ===== עיצוב שחור-זהב: מעטפת, ניווט, סקירה כללית ===== */
:root {--paper:#080808;--surface:#151515;--sunken:#111111;--ink:#FFFFFF;--ink-2:#B8B8B8;--line:#D4AF3733;--accent:#D4AF37;--accent-ink:#080808;--accent-soft:#D4AF3714;--ok:#F5D76E;--info:#D4AF37;--warn:#F5D76E;--bad:oklch(.60 .19 25);--shadow:0 3px 12px oklch(0 0 0 / .035);--radius:8px;--nav-w:240px;--font:'Heebo',system-ui,-apple-system,'Segoe UI','Noto Sans Hebrew','Arial Hebrew',Roboto,Arial,sans-serif;--blue-soft:#D4AF3714;--amber-soft:#F5D76E14;--rose-soft:#ff6b6b14;color-scheme:dark;}

*{letter-spacing:0!important}
body{font-family:var(--font);font-size:14px;background:var(--paper)}
h1{font-size:32px;font-weight:700}
h2{font-size:18px}
h3{font-size:16px}
p{max-width:none}
.hub-icon{display:inline-flex;width:20px;height:20px;flex:none;align-items:center;justify-content:center}
.hub-icon svg{width:100%;height:100%}
a{text-decoration:none}
.shell{min-height:100dvh}
.nav{padding:25px 16px 16px;gap:3px;height:100dvh;border-inline-end:1px solid var(--line);background:var(--surface);scrollbar-width:thin}
.brand{padding:0 9px 27px;gap:11px;color:var(--ink);font-size:21px;direction:ltr;justify-content:flex-end}
.brand i{width:39px;height:39px;border-radius:11px;background:var(--accent);order:2}
.brand i .hub-icon{width:25px;height:25px}
.brand span b{font-weight:400;margin-left:4px;color:var(--ink-2)}
.nav-caption,.nav .sep{font-size:11px;font-weight:500;color:var(--ink-2);margin:12px 13px 8px}
.nav a.item{min-height:40px;font-size:12px;font-weight:500;padding:8px 12px;border-radius:6px;gap:12px}
.nav a.item .ico{display:flex;width:20px;color:var(--ink-2)}
.nav a.item .hub-icon{width:18px;height:18px}
.nav a.item[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600;position:relative}
.nav a.item[aria-current=page] .ico{color:var(--accent)}
.nav a.item[aria-current=page]::after{content:'';position:absolute;right:0;top:11px;bottom:11px;width:3px;border-radius:3px;background:var(--accent)}
.nav .foot{margin-top:24px}
.who{padding:9px 12px 15px}
.who b{font-size:13px}
.who .muted{font-size:11px}
.topbar{display:flex;height:76px;position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--line);padding:0 38px;gap:20px}
.topbar>button{display:none}
.breadcrumb{display:flex;gap:16px;align-items:center;font-size:12px;color:var(--ink-2)}
.breadcrumb b{font-size:12px;color:var(--ink);font-weight:500}
.global-search{margin-inline-start:auto;display:flex;align-items:center;gap:10px;position:relative;width:260px;color:var(--ink-2)}
.global-search input{min-height:36px;font-size:12px;background:transparent;border:0;padding:0;outline-offset:5px}
.global-results{position:absolute;top:45px;inset-inline:0;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:8px;max-height:280px;overflow:auto}
.global-results a{display:flex;gap:10px;padding:10px;color:var(--ink)}
.global-results a:hover{background:var(--sunken)}
[hidden]{display:none!important}
.header-avatar{width:34px;height:34px;background:var(--accent-soft);color:var(--accent);border-radius:50%;display:grid;place-items:center;font-weight:600}
.header-help{color:var(--ink-2);height:24px}
.content{max-width:1450px;padding:34px 38px 40px;margin:auto}
.page-head{margin-bottom:24px}
.page-head h1{font-size:27px}
.content:focus{outline:none}
.page-head .sub{font-size:13px}
body[data-view=overview] .page-head{display:none}
.workspace{display:flex;flex-direction:column;gap:25px;animation:appear .4s ease both}
.welcome{display:flex;align-items:center;justify-content:space-between;gap:20px}
.eyebrow{font-size:11px;color:var(--accent);font-weight:500;margin-bottom:8px}
.welcome h1{margin-bottom:7px}
.welcome p{font-size:13px;margin:0}
.greeting-wave{color:var(--warn);display:inline-block;margin-right:4px;font-size:28px}
.btn{min-height:40px;padding:8px 16px;border-radius:6px;font-size:12px;box-shadow:none;gap:8px;font-weight:500}
.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.btn.primary:hover:not(:disabled){background:var(--ok);filter:none}
.btn.sm{font-size:12px;min-height:34px}
.health-line{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--ink-2);padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.health-dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.health-line a{margin-inline-start:auto;display:flex;gap:6px;align-items:center;font-size:11px;color:var(--accent)}
.health-line a .hub-icon{width:14px;height:14px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.metric{padding:19px 20px;background:var(--surface);border:1px solid var(--line);border-radius:8px}
.metric-top{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px;color:var(--ink-2)}
.metric-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px}
.metric-icon .hub-icon{width:17px;height:17px}
.tone-0{color:var(--accent);background:var(--accent-soft)}
.tone-1{color:var(--info);background:var(--blue-soft)}
.tone-2{color:var(--warn);background:var(--amber-soft)}
.tone-3{color:var(--bad);background:var(--rose-soft)}
.metric-value{display:block;text-align:right;font-size:33px;line-height:1.3;font-weight:600;margin:12px 0 9px;font-variant-numeric:tabular-nums}
.metric-bottom{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--ink-2);flex-wrap:wrap}
.trend{color:var(--accent);font-weight:500}
.trend.negative{color:var(--bad)}
.insights-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(250px,1fr);gap:28px;padding:8px 0 22px;border-bottom:1px solid var(--line)}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.section-head h2{font-size:17px;font-weight:600}
.section-head p{font-size:11px;margin:5px 0 0}
.periods{display:flex;gap:3px;border:1px solid var(--line);padding:3px;border-radius:6px;background:var(--surface)}
.period{font-family:inherit;font-size:11px;min-width:42px;border:0;border-radius:4px;background:transparent;padding:5px 8px;cursor:pointer;color:var(--ink-2)}
.period[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}
.chart-space{height:265px;direction:ltr;overflow:hidden}
.an-chart{--an-ink:var(--ink);--an-ink2:var(--ink-2);--an-line:var(--line);--an-s1:var(--surface);--an-s2:var(--sunken);--an-green:var(--accent)}
.an-legend{justify-content:flex-end;direction:rtl;gap:14px}
.an-leg{font-size:10px}
.an-axis{font-family:var(--font);font-size:10px}
.an-line-host{margin-top:5px}
.an-grid{stroke:var(--line);stroke-dasharray:4 5}
.an-dot{r:0}
.an-area{opacity:.06}
.an-path{stroke-width:2.5}
.text-link{font-size:11px;display:inline-flex;gap:7px;align-items:center;color:var(--accent)}
.text-link .hub-icon{width:14px;height:14px}
.recent-section{border-inline-start:1px solid var(--line);padding-inline-start:28px}
.recent-section>.section-head{margin-bottom:19px}
.recent-section>.section-head>.hub-icon{color:var(--ink-2);width:17px;height:17px}
.recent-list{min-height:240px}
.recent-item{display:flex;align-items:flex-start;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}
.recent-item:last-child{border-bottom:0}
.recent-symbol{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);flex:none}
.recent-symbol .hub-icon{width:15px;height:15px}
.recent-item b{font-size:11px;font-weight:500}
.recent-item p{font-size:10px;color:var(--ink-2);margin:4px 0 0}
.recent-item time{margin-inline-start:auto;white-space:nowrap;font-size:10px;color:var(--ink-2)}
.tools-section>.section-head{margin-bottom:20px}
.tool-search{display:flex;align-items:center;border:1px solid var(--line);background:var(--surface);padding:0 12px;border-radius:6px;width:210px;gap:7px;color:var(--ink-2)}
.tool-search .hub-icon{width:15px;height:15px}
.tool-search input{min-height:36px;padding:0;border:0;background:transparent;font-size:11px}
.tool-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow:auto;scrollbar-width:none}
.tool-tab{border:0;border-bottom:2px solid transparent;background:transparent;font-family:inherit;color:var(--ink-2);font-size:12px;padding:0 0 13px;cursor:pointer;white-space:nowrap}
.tool-tab[aria-pressed=true]{color:var(--accent);border-color:var(--accent);font-weight:600}
.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tool-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:19px 20px;color:var(--ink);transition:transform .15s,border-color .15s,box-shadow .15s}
.tool-card:hover{transform:translateY(-3px);border-color:var(--ok);box-shadow:var(--shadow)}
.tool-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.tool-icon{width:38px;height:38px;border-radius:8px;display:grid;place-items:center}
.tool-state{display:flex;gap:5px;align-items:center;color:var(--accent);font-size:10px}
.tool-state:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.tool-state.paused{color:var(--warn)}
.tool-card h3{font-weight:600;font-size:15px;margin-bottom:7px}
.tool-card p{color:var(--ink-2);font-size:11px;margin-bottom:17px}
.tool-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-size:10px;color:var(--ink-2);margin-top:auto}
.tool-card-bottom .hub-icon{width:16px;height:16px}
.workspace-footer{display:flex;justify-content:space-between;color:var(--ink-2);font-size:10px;border-top:1px solid var(--line);padding-top:15px}
.card{border-radius:8px;box-shadow:none;padding:22px;background:var(--surface)}
.content>div>.card,.content>div>.stack>.card{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:20px 0}
.list>li{padding:18px 0}
.list .title{font-size:14px}
.list .sub{font-size:12px}
.pill{font-size:10px}
.tabs .btn{font-size:12px}
.set-row{padding:18px 0}
.set-text{font-size:13px}
.set-text .muted{font-size:12px}
input[type=text],input[type=password],input[type=number],input[type=search],select,textarea{border-radius:6px}
.dialog{border-radius:8px}
.an{border-radius:8px;background:var(--paper);padding:0;border:0}
.an .card{border-radius:8px}
.an-title h2{background:none;color:var(--ink)}
.an-card{border-radius:8px}
.an-tabs{border-radius:6px}
.an-tab{border-radius:4px}
.an-period{border-radius:6px}
.an .an-card{background:var(--surface)}
.login{background:var(--paper)}
.login .card{padding:35px}
.login h1{margin-bottom:12px}
.login .muted{font-size:13px}
.login .field{margin:18px 0}
.bubble{border-radius:8px}
.bubble.user{background:var(--accent);color:var(--accent-ink)}
@keyframes appear{from{opacity:0;transform:translateY(5px)}
to{opacity:1;transform:none}}


@media(min-width:1450px){.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.nav{--nav-w:250px}
.metric-value{font-size:36px}}


@media(max-width:1100px){:root{--nav-w:215px}
.content{padding:26px}
.topbar{padding:0 26px}
.global-search{width:190px}
.metric{padding:15px}
.metric-top{font-size:11px}
.insights-grid{gap:20px}
.recent-section{padding-inline-start:20px}
.tool-grid{gap:12px}
.tool-card{padding:17px}
.welcome h1{font-size:28px}}


@media(max-width:860px){.nav{width:260px;z-index:30;box-shadow:var(--shadow)}
.topbar{height:64px;padding:0 20px;gap:13px}
.topbar>button{display:inline-flex;padding:0;width:28px;min-height:32px}
.breadcrumb{gap:10px}
.breadcrumb>b{font-size:12px}
.global-search{width:200px}
.content{padding:25px 24px 65px}
.metric-grid{gap:12px}
.insights-grid{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr)}
.scrim{background:oklch(0 0 0 / .35)}}


@media(max-width:620px){.topbar{padding:0 17px;height:60px;gap:12px}
.breadcrumb{margin-inline-end:auto}
.breadcrumb>span{display:none}
.breadcrumb{font-size:0}
.breadcrumb b{font-size:12px}
.global-search{display:none}
.header-avatar{width:29px;height:29px}
.header-help{height:20px}
.content{padding:24px 18px 60px}
.workspace{gap:20px}
.welcome{align-items:flex-start;flex-wrap:wrap;gap:17px}
.welcome h1{font-size:27px}
.welcome .btn{width:100%;min-height:42px}
.eyebrow{font-size:10px}
.welcome p{font-size:12px}
.health-line{font-size:10px;gap:6px;padding:11px 0;flex-wrap:wrap}
.health-line a{font-size:9px}
.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.metric{padding:15px 13px}
.metric-top{font-size:10px}
.metric-icon{width:26px;height:26px}
.metric-icon .hub-icon{width:14px;height:14px}
.metric-value{font-size:29px;margin:10px 0 8px}
.metric-bottom{font-size:9px;gap:4px}
.insights-grid{grid-template-columns:minmax(0,1fr);gap:24px;padding-bottom:20px}
.recent-section{border-inline-start:0;padding-inline-start:0;border-top:1px solid var(--line);padding-top:20px}
.recent-list{min-height:0;margin-bottom:14px}
.recent-item{padding:13px 0}
.recent-item b{font-size:12px}
.recent-item p,.recent-item time{font-size:10px}
.section-head h2{font-size:16px}
.section-head p{font-size:10px}
.section-head{gap:10px}
.period{min-width:33px;padding:4px 6px;font-size:10px}
.chart-space{height:255px}
.tools-section>.section-head{flex-wrap:wrap;gap:16px}
.tool-search{width:100%}
.tool-search input{min-height:39px;font-size:12px}
.tool-tabs{gap:20px}
.tool-tab{font-size:11px}
.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tool-card{padding:15px 12px}
.tool-icon{width:33px;height:33px}
.tool-icon .hub-icon{width:18px;height:18px}
.tool-state{font-size:9px}
.tool-card h3{font-size:13px;overflow-wrap:anywhere}
.tool-card p{font-size:10px;line-height:1.7;min-height:34px}
.tool-card-bottom{font-size:9px}
.tool-card-top{margin-bottom:13px}
.workspace-footer{font-size:9px;gap:12px}
.page-head h1{font-size:24px}
.card{padding:16px}
.tabs{gap:6px}
.tabs .btn{padding:7px 10px}
.set-ctl{flex-basis:100%;justify-content:flex-start}
.chat-top .persona{min-width:0;width:100%}
.an-tools{gap:5px}
.an-title h2{font-size:21px}
.an-tabs{flex-wrap:nowrap;overflow:auto}
.an-range{font-size:11px}
.an-card{padding:14px}
.dialog{width:calc(100% - 28px)}
.dialog-actions{flex-wrap:wrap}
.dialog-body{font-size:13px}
.list .main{flex-basis:calc(100% - 30px)}
.list .actions{gap:5px}
.actions .btn{font-size:11px;padding:6px 10px}
.line-strip{padding:14px 0}
.node{min-width:55px}
.node b{font-size:11px}
.node small{font-size:10px}
.strip-note{padding:0 0 15px}
.strip-note .headline{font-size:15px}
.win{border-radius:8px}
.an-banner{flex-wrap:wrap}
.savebar{gap:8px;font-size:12px}
.dialog-head h2{font-size:17px}}


@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* סקירה: מצב חיבור, כלים עם פעולות */
.health-dot.wait { background: var(--warn); }
.health-dot.dead { background: var(--bad); }
.health-problem { color: var(--bad); font-weight: 500; }
.health-divider { opacity: .5; }
.workspace-top { display: flex; flex-direction: column; gap: 25px; }
.insights-grid.single { grid-template-columns: minmax(0, 1fr); }
.insights-grid.single .recent-section { border-inline-start: 0; padding-inline-start: 0; }
.tool-head-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.tool-card.openable { cursor: pointer; }
.tool-card h3 a { color: inherit; }
.tool-card-bottom { gap: 8px; }
.tool-card-bottom > span { display: inline-flex; align-items: center; gap: 6px; }
.tool-actions { display: inline-flex; gap: 6px; align-items: center; }
.tool-actions .btn.sm { min-height: 30px; padding: 4px 10px; font-size: 11px; }
.tool-actions .hub-icon { width: 14px; height: 14px; }
@media (max-width: 620px) { .tool-head-actions { width: 100%; } .tool-actions { flex-wrap: wrap; } }
@media (max-width: 620px) { .tool-card-bottom { flex-direction: column; align-items: flex-start; gap: 8px; } }