/* יומן אופציות – עיצוב. טוקנים בראש, מובייל־first, מצב כהה לפי המערכת או לפי בחירה. */
:root{
  --bg:#F4F5F7; --bg-2:#ECEEF2; --surface:#FFFFFF; --surface-2:#F6F7F9; --line:#E3E6EB; --line-strong:#C9CFD8;
  --ink:#131A22; --ink-2:#49566A; --muted:#7C8797;
  --accent:#1C4E80; --accent-2:#2E6DA8; --accent-ink:#FFFFFF; --accent-soft:#E4EEF8;
  --good:#1E8E5A; --good-soft:#E1F4EA; --bad:#C63D3D; --bad-soft:#FBE5E5; --warn:#B3720F; --warn-soft:#FBEFD8;
  --shadow:0 1px 2px rgba(19,26,34,.05),0 8px 24px -12px rgba(19,26,34,.16);
  --shadow-lg:0 2px 4px rgba(19,26,34,.06),0 20px 40px -16px rgba(19,26,34,.22);
  --radius:14px; --radius-sm:9px;
  --display:'Frank Ruhl Libre',Georgia,serif; --body:'Heebo',system-ui,-apple-system,'Segoe UI',Arial,sans-serif; --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --nav-h:64px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0C1117; --bg-2:#10171F; --surface:#151D27; --surface-2:#1B2531; --line:#243040; --line-strong:#354456;
  --ink:#E8EDF3; --ink-2:#AEB9C7; --muted:#7D8A9B;
  --accent:#6FB0E6; --accent-2:#8CC2F0; --accent-ink:#0C1117; --accent-soft:#17304A;
  --good:#46C48A; --good-soft:#123425; --bad:#EA6B6B; --bad-soft:#3E1C1C; --warn:#E5AC45; --warn-soft:#3B2D12;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 10px 28px -12px rgba(0,0,0,.6);
  --shadow-lg:0 2px 4px rgba(0,0,0,.4),0 24px 48px -16px rgba(0,0,0,.7);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#0C1117; --bg-2:#10171F; --surface:#151D27; --surface-2:#1B2531; --line:#243040; --line-strong:#354456;
  --ink:#E8EDF3; --ink-2:#AEB9C7; --muted:#7D8A9B;
  --accent:#6FB0E6; --accent-2:#8CC2F0; --accent-ink:#0C1117; --accent-soft:#17304A;
  --good:#46C48A; --good-soft:#123425; --bad:#EA6B6B; --bad-soft:#3E1C1C; --warn:#E5AC45; --warn-soft:#3B2D12;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 10px 28px -12px rgba(0,0,0,.6);
  --shadow-lg:0 2px 4px rgba(0,0,0,.4),0 24px 48px -16px rgba(0,0,0,.7);
  color-scheme:dark;
}

*{box-sizing:border-box}
html{direction:rtl;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);background-image:radial-gradient(1200px 500px at 80% -10%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 60%);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100dvh}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;margin:0;text-wrap:balance;letter-spacing:-.01em;line-height:1.25}
h1{font-size:1.45rem}h2{font-size:1.5rem}h3{font-size:1.1rem}h4{font-size:1rem}
p{margin:0}
.num,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
input,select,textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:10px 12px;width:100%;min-width:0;min-height:44px}
textarea{min-height:0}
input[type=number],input[type=date],input[type=time]{font-family:var(--mono);direction:ltr;text-align:left}
input[type=checkbox]{min-height:0;width:18px;height:18px;accent-color:var(--accent)}
input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.hidden,[hidden]{display:none!important}
::selection{background:var(--accent-soft)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- header ---------- */
.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.top-in{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:10px;min-width:0}
.brand .logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:.9rem;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.brand small{display:block;color:var(--muted);font-size:.72rem;line-height:1.2;margin-top:2px}
.tabs{display:flex;gap:2px;flex-wrap:nowrap}
.tab{border:0;background:transparent;padding:8px 13px;border-radius:9px;color:var(--ink-2);font-weight:500;display:inline-flex;align-items:center;gap:7px;transition:background .15s,color .15s}
.tab svg{width:18px;height:18px;flex:none;opacity:.8}
.tab:hover{background:var(--surface-2);color:var(--ink)}
.tab[aria-selected="true"]{background:var(--accent-soft);color:var(--accent)}
.tab[aria-selected="true"] svg{opacity:1}
.tab{white-space:nowrap}
@media (max-width:1300px){.brand small{display:none}.tab{padding:8px 10px}}
@media (max-width:1000px) and (min-width:761px){.tab span{display:none}.tab{padding:9px}.tab svg{width:20px;height:20px}}
.spacer{flex:1}
.store-pill{font-size:.72rem;color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap}
.store-pill i{width:8px;height:8px;border-radius:50%;background:var(--warn);display:inline-block;box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 20%,transparent)}
.store-pill.ok i{background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 20%,transparent)}
.menu{position:relative}
.menu>summary{list-style:none;cursor:pointer;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--ink-2)}
.menu>summary::-webkit-details-marker{display:none}
.menu>summary:hover{background:var(--surface-2)}
.menu[open]>summary{background:var(--accent-soft);color:var(--accent);border-color:transparent}
.menu-list{position:absolute;inset-inline-end:0;top:calc(100% + 6px);min-width:200px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;z-index:30}
.menu-list button,.menu-list label{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;background:transparent;border-radius:8px;text-align:right;width:100%;cursor:pointer;font-weight:500;color:var(--ink)}
.menu-list button:hover,.menu-list label:hover{background:var(--surface-2)}
.menu-list svg{width:18px;height:18px;color:var(--muted)}
.menu-list hr{border:0;border-top:1px solid var(--line);margin:4px 0}
.menu-list .danger{color:var(--bad)}

/* ---------- bottom nav (mobile) ---------- */
.bottom-nav{display:none}
@media (max-width:760px){
  .top-in{padding:8px 14px;gap:10px}
  .tabs{display:none}
  .brand h1{font-size:1.15rem}
  .brand small{display:none}
  .store-pill span{display:none}
  .bottom-nav{display:grid;grid-template-columns:repeat(6,1fr);position:fixed;bottom:0;inset-inline:0;z-index:20;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}
  .bottom-nav .tab{flex-direction:column;gap:3px;padding:8px 2px 6px;border-radius:0;font-size:.62rem;font-weight:500;justify-content:center;background:transparent!important;color:var(--muted)}
  .bottom-nav .tab svg{width:22px;height:22px}
  .bottom-nav .tab[aria-selected="true"]{color:var(--accent)}
  .bottom-nav .tab[aria-selected="true"] svg{filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--accent) 45%,transparent))}
  main{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 24px)!important}
  .toast{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 12px)}
}

/* ---------- layout ---------- */
main{max-width:1200px;margin:0 auto;padding:22px 16px 64px}
.view{display:none;animation:fade .18s ease-out}
.view.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.view-head p{margin:6px 0 0;color:var(--ink-2);max-width:62ch;font-size:.92rem}
.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
@media (max-width:900px){.grid-2{grid-template-columns:1fr}}

/* ---------- buttons ---------- */
.btn{border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;padding:10px 16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;transition:background .15s,transform .08s,box-shadow .15s;white-space:nowrap}
.btn:hover{background:var(--surface-2)}
.btn:active{transform:translateY(1px)}
.btn.primary{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:var(--accent-ink);border-color:transparent;box-shadow:0 6px 16px -8px color-mix(in srgb,var(--accent) 70%,transparent)}
.btn.primary:hover{filter:brightness(1.06)}
.btn.danger{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 45%,transparent)}
.btn.sm{padding:6px 12px;font-size:.84rem;min-height:36px;border-radius:8px}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}

/* ---------- cards & tiles ---------- */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}
.tile{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 16px 14px;box-shadow:var(--shadow);overflow:hidden}
.tile::before{content:"";position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:var(--line-strong)}
.tile:nth-child(1)::before{background:var(--accent)}.tile:nth-child(2)::before{background:var(--good)}.tile:nth-child(3)::before{background:var(--warn)}
.tile .label{font-size:.74rem;color:var(--muted);letter-spacing:.02em;font-weight:500}
.tile .value{font-family:var(--mono);font-size:1.7rem;font-weight:600;margin-top:4px;direction:ltr;text-align:right;letter-spacing:-.02em}
.tile .sub{font-size:.78rem;color:var(--ink-2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pos{color:var(--good)}.neg{color:var(--bad)}
@media (max-width:600px){.tiles{grid-template-columns:1fr 1fr;gap:10px}.tile{padding:13px 13px 11px}.tile .value{font-size:1.3rem}}

/* ---------- tables ---------- */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;font-size:.9rem}
th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;vertical-align:middle}
th{font-weight:600;color:var(--muted);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;background:var(--surface-2);position:sticky;top:0}
td.num{text-align:left}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:var(--surface-2)}
tbody tr.clickable{cursor:pointer}
td.notes{white-space:normal;max-width:240px;color:var(--ink-2);font-size:.8rem}
.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:.74rem;font-weight:600;line-height:1.4;white-space:nowrap}
.chip.good{background:var(--good-soft);color:var(--good)}
.chip.bad{background:var(--bad-soft);color:var(--bad)}
.chip.warn{background:var(--warn-soft);color:var(--warn)}
.chip.neutral{background:var(--surface-2);color:var(--ink-2)}
.chip.strat{background:var(--accent-soft);color:var(--accent);font-family:var(--mono);font-weight:500}
/* טבלת עסקאות במסך צר → כרטיסים */
@media (max-width:760px){
  table.trades{display:block}
  table.trades thead{display:none}
  table.trades tbody{display:grid;gap:10px}
  table.trades tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
  table.trades tr:hover{background:var(--surface)}
  table.trades td{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:3px 0;border:0;white-space:normal;font-size:.86rem}
  table.trades td::before{content:attr(data-l);color:var(--muted);font-size:.72rem;font-weight:500;font-family:var(--body);direction:rtl}
  table.trades td.num{text-align:left}
  table.trades td.t-sym{grid-column:1/-1;justify-content:flex-start;gap:10px;font-size:1.05rem;padding-bottom:6px;border-bottom:1px dashed var(--line);margin-bottom:4px}
  table.trades td.t-sym::before{content:none}
  table.trades td.t-pnl b{font-size:1rem}
  table.trades td.notes{grid-column:1/-1;display:block;max-width:none;padding-top:6px;border-top:1px dashed var(--line);margin-top:4px}
  table.trades td.notes::before{content:none}
  table.trades td.notes:empty{display:none}
}

/* ---------- filters ---------- */
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.filters select,.filters input{width:auto;min-width:140px;flex:1}
@media (max-width:600px){.filters{display:grid;grid-template-columns:1fr 1fr}.filters select,.filters input{min-width:0;width:100%}}

/* ---------- strategy picker ---------- */
.strat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:18px}
.strat-btn{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px 14px;text-align:right;display:flex;flex-direction:column;gap:2px;transition:border-color .15s,background .15s}
.strat-btn b{font-family:var(--mono);font-size:.88rem;font-weight:600}
.strat-btn small{color:var(--muted);font-size:.76rem}
.strat-btn:hover{border-color:var(--line-strong)}
.strat-btn[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.strat-btn[aria-pressed="true"] small{color:var(--accent)}
@media (max-width:600px){.strat-grid{display:flex;overflow-x:auto;gap:8px;padding-bottom:6px;scroll-snap-type:x proximity;margin-inline:-16px;padding-inline:16px}.strat-btn{flex:0 0 auto;min-width:130px;scroll-snap-align:start}}

/* ---------- forms ---------- */
.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.field{display:flex;flex-direction:column;gap:5px}
.field label{font-size:.8rem;color:var(--ink-2);font-weight:500}
.field.wide{grid-column:1/-1}
.field .hint{font-size:.72rem;color:var(--muted);line-height:1.4}
fieldset{border:0;padding:0;margin:0 0 18px}
legend{font-family:var(--display);font-weight:700;font-size:1.02rem;margin-bottom:10px;padding:0;display:flex;align-items:center;gap:8px}
legend span{font-family:var(--body);font-weight:400;font-size:.78rem;color:var(--muted)}
.derived{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:0 0 18px}
.derived div{background:var(--surface-2);border-radius:10px;padding:10px 12px}
.derived .k{font-size:.72rem;color:var(--muted)}
.derived .v{font-family:var(--mono);font-weight:600;unicode-bidi:plaintext;text-align:right;font-size:.95rem}
.form-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
@media (max-width:600px){.form-grid{grid-template-columns:1fr 1fr}.form-actions .btn{flex:1}}

/* ---------- rules panel ---------- */
.rules{position:sticky;top:76px}
@media (max-width:900px){.rules{position:static}}
.verdict{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;margin-bottom:14px;border:1px solid var(--line)}
.verdict .big{font-size:1.6rem;line-height:1}
.verdict h3{font-family:var(--body);font-weight:600;font-size:1rem}
.verdict p{margin:2px 0 0;font-size:.85rem;color:var(--ink-2)}
.verdict.ok{background:var(--good-soft);border-color:color-mix(in srgb,var(--good) 40%,transparent)}
.verdict.fail{background:var(--bad-soft);border-color:color-mix(in srgb,var(--bad) 40%,transparent)}
.verdict.wait{background:var(--surface-2)}
.rule-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.rule{display:flex;gap:10px;align-items:flex-start;padding:9px 11px;border-radius:10px;background:var(--surface-2)}
.rule .ico{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:700;flex:none}
.rule.pass .ico{background:var(--good-soft);color:var(--good)}
.rule.fail .ico{background:var(--bad-soft);color:var(--bad)}
.rule.pending .ico{background:var(--surface);color:var(--muted);border:1px dashed var(--line-strong)}
.rule .t{font-size:.88rem;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.helper li{margin-bottom:4px}
.rule .d{font-size:.78rem;color:var(--muted)}
.rule.fail .d{color:var(--bad)}
.helper{margin-top:14px;font-size:.8rem;color:var(--ink-2);border-top:1px solid var(--line);padding-top:10px}
.helper ol{margin:6px 0 0;padding-inline-start:18px}

/* ---------- chart ---------- */
.chart-wrap svg{width:100%;height:auto;display:block}
.bars{display:flex;flex-direction:column;gap:8px}
.bar-row{display:grid;grid-template-columns:120px 1fr 80px;align-items:center;gap:10px;font-size:.85rem}
.bar-track{height:10px;background:var(--surface-2);border-radius:5px;position:relative;overflow:hidden}
.bar-fill{position:absolute;top:0;height:100%;border-radius:5px}
.bar-row .v{text-align:left}
@media (max-width:600px){.bar-row{grid-template-columns:90px 1fr 70px}}

/* ---------- calculator ---------- */
.calc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:16px}
.calc-cell{background:var(--surface-2);border-radius:12px;padding:14px}
.calc-cell .k{font-size:.76rem;color:var(--muted)}
.calc-cell .p{font-family:var(--mono);font-weight:600;color:var(--good);direction:ltr;text-align:right;font-size:1.05rem}
.calc-cell .l{font-family:var(--mono);font-weight:600;color:var(--bad);direction:ltr;text-align:right}
.calc-cell.full{outline:2px solid var(--accent);background:var(--accent-soft)}
@media (max-width:600px){.calc-grid{grid-template-columns:1fr 1fr}}

/* ---------- login / toast / misc ---------- */
.login{position:fixed;inset:0;z-index:40;background:var(--bg);display:grid;place-items:center;padding:16px}
.login-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px 28px;width:min(380px,100%);display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-lg)}
.login-card .logo{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);display:grid;place-items:center;font-family:var(--mono);font-weight:600;margin-bottom:4px}
.login-card p{margin:0;color:var(--ink-2);font-size:.9rem}
.login-err{color:var(--bad);font-size:.85rem;min-height:1.2em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.toast{position:fixed;bottom:18px;inset-inline-start:50%;transform:translateX(50%);background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:12px;font-size:.9rem;box-shadow:var(--shadow-lg);opacity:0;transition:opacity .2s;pointer-events:none;z-index:50;max-width:calc(100vw - 32px);text-align:center}
.toast.show{opacity:1}
.empty{color:var(--muted);text-align:center;padding:30px 10px;font-size:.9rem}
.disclaimer{font-size:.75rem;color:var(--muted);margin-top:14px}

/* ---------- finder ---------- */
.finder-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.credit-pill{display:flex;flex-direction:column;gap:4px;min-width:150px;font-size:.72rem;color:var(--muted)}
.credit-pill .v{color:var(--ink);font-weight:600;font-size:.85rem}
.credit-bar{height:5px;background:var(--surface-2);border-radius:3px;overflow:hidden}
.credit-bar i{display:block;height:100%;width:0;background:var(--accent);border-radius:3px;transition:width .3s}
.credit-bar i.low{background:var(--bad)}
@media (max-width:600px){.finder-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.credit-pill{grid-column:1/-1}.finder-actions .btn{width:100%}}
.notice{padding:11px 14px;border-radius:12px;font-size:.86rem;margin-bottom:14px;border:1px solid var(--line);background:var(--surface);line-height:1.5}
.notice.warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 40%,transparent);color:var(--ink)}
.notice.delay{border-inline-start:4px solid var(--warn)}
.notice.delay.stale{background:var(--bad-soft);border-inline-start-color:var(--bad)}
.notice.delay.stale #dataAsOf{color:var(--bad);font-weight:700}
.age-stale{color:var(--bad);font-weight:600}
.age-ok{color:var(--good)}
.report{margin-bottom:16px;background:linear-gradient(180deg,var(--surface),var(--surface-2))}
.report .headline{font-family:var(--display);font-size:1.25rem;line-height:1.45;margin:0 0 8px}
.report .meta{font-size:.78rem;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap}
.cand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;margin-bottom:16px}
@media (max-width:600px){.cand-grid{grid-template-columns:1fr}}
.cand{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}
.cand-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.cand-head .sym{font-family:var(--mono);font-size:1.4rem;font-weight:600;letter-spacing:-.01em}
.cand-head .name{font-size:.8rem;color:var(--muted)}
.cand-head .contract{font-family:var(--mono);font-size:.85rem;text-align:left;direction:ltr;color:var(--ink-2);background:var(--surface-2);padding:6px 10px;border-radius:9px}
.dims{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.dim{border-radius:9px;padding:7px 6px;font-size:.7rem;text-align:center;border:1px solid var(--line);line-height:1.3}
.dim b{display:block;font-size:.85rem}
.dim.pass{background:var(--good-soft);color:var(--good);border-color:transparent}
.dim.fail{background:var(--bad-soft);color:var(--bad);border-color:transparent}
.dim.pending{background:var(--warn-soft);color:var(--warn);border-color:transparent}
@media (max-width:400px){.dims{grid-template-columns:repeat(2,1fr)}}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 10px;font-size:.8rem;background:var(--surface-2);border-radius:12px;padding:12px}
.metrics div{display:flex;flex-direction:column;min-width:0}
.metrics .k{color:var(--muted);font-size:.68rem}
.metrics .v{font-family:var(--mono);font-weight:600;direction:ltr;text-align:right;overflow:hidden;text-overflow:ellipsis}
.metrics .v.big{font-size:1.15rem;color:var(--good)}
@media (max-width:600px){.metrics{grid-template-columns:repeat(2,1fr)}}
.cand .rules-mini{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:.78rem}
.cand .rules-mini li{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.cand .rules-mini .ok{color:var(--good)}.cand .rules-mini .no{color:var(--bad)}.cand .rules-mini .pend{color:var(--warn)}
.src{display:inline-block;font-style:normal;font-size:.64rem;padding:1px 7px;border-radius:999px;border:1px solid var(--line);color:var(--muted);vertical-align:middle;white-space:nowrap}
.src.course{background:var(--accent-soft);color:var(--accent);border-color:transparent}
.src.mine{background:var(--good-soft);color:var(--good);border-color:transparent}
.src.research{background:var(--surface-2);color:var(--ink-2);border-color:transparent}
.src.sheet{background:transparent;border:1px dashed var(--line-strong);color:var(--muted)}
.src.open{background:var(--warn-soft);color:var(--warn);border-color:transparent}
.legend{font-family:var(--body);font-weight:400;margin-inline-start:8px;display:inline-flex;gap:4px;flex-wrap:wrap}
details.card summary{cursor:pointer;font-family:var(--display);font-weight:700;font-size:1.05rem;list-style:none;display:flex;align-items:center;gap:8px}
details.card summary::-webkit-details-marker{display:none}
details.card summary::before{content:"";width:8px;height:8px;border-inline-end:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .15s;flex:none;margin-inline-end:4px}
details.card[open] summary::before{transform:rotate(-135deg)}
details.card[open] summary{margin-bottom:14px}
.fset{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line)}
.fset h4{margin:0 0 10px;font-size:.9rem;font-family:var(--body);font-weight:600;color:var(--ink-2)}
.field label .src{margin-inline-start:4px}
.bd-list{list-style:none;margin:0;padding:0;font-size:.85rem;display:flex;flex-direction:column;gap:6px}
.bd-list li{padding:6px 0;border-bottom:1px dashed var(--line)}
.bd-list li:last-child{border-bottom:0}
.bd-list li b{font-family:var(--mono)}
.bd-list li span{color:var(--ink-2)}
.cand-foot{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px}
.cand-foot small{color:var(--muted);font-size:.72rem}
@media (max-width:600px){.cand-foot .btn{width:100%}}
/* בשולחן העבודה תא הסימול לא מציג את שבב האסטרטגיה (יש עמודה נפרדת); במובייל ההפך */
table.trades td.t-sym .chip{display:none}
@media (max-width:760px){table.trades td.t-sym .chip{display:inline-flex}table.trades td.t-strat-cell{display:none}}