:root {
  --bg: #f6f1e7;
  --card: #fffdf8;
  --ink: #2a2a24;
  --muted: #6f6a5c;
  --line: #e4dccb;
  --green: #2f4a2b;
  --green-2: #4f7a47;
  --accent: #c9822e;
  --done: #4f7a47;
  --radius: 16px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #171a15; --card: #20251e; --ink: #ede8dc; --muted: #a59f90;
    --line: #333a2f; --green: #8fbf84; --green-2: #6fa363; --accent: #e3a457; --done: #8fbf84;
  }
}
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; }
body {
  font-family: "Heebo", system-ui, -apple-system, sans-serif;
  background: var(--bg); color: var(--ink);
  min-height: 100vh; padding-bottom: env(safe-area-inset-bottom);
}
.top {
  position: sticky; top: 0; z-index: 5;
  display: flex; align-items: center; gap: 12px;
  padding: calc(12px + env(safe-area-inset-top)) 16px 12px;
  background: var(--green); color: #fff;
}
@media (prefers-color-scheme: dark) { .top { background: #24341f; } }
.brand { display: flex; flex-direction: column; line-height: 1.1; }
.logo { font-weight: 800; font-size: 1.35rem; letter-spacing: -.01em; }
.sub { font-size: .8rem; opacity: .8; }
.back {
  background: rgba(255,255,255,.15); color: #fff; border: 0; border-radius: 10px;
  width: 38px; height: 38px; font-size: 1.2rem; cursor: pointer;
}
main { max-width: 640px; margin: 0 auto; padding: 16px 16px 96px; }
h1 { font-size: 1.5rem; margin: 8px 0 4px; }
h2 { font-size: 1.05rem; margin: 22px 0 8px; color: var(--muted); font-weight: 600; }
p.lead { color: var(--muted); margin: 0 0 16px; }

.card {
  background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 16px; margin-bottom: 12px;
}
.tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.tile {
  background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 16px; text-align: right; cursor: pointer; font: inherit; color: inherit;
  display: flex; flex-direction: column; gap: 6px; min-height: 120px;
}
.tile:active { transform: scale(.98); }
.tile .t { font-weight: 700; font-size: 1.05rem; }
.tile .d { color: var(--muted); font-size: .85rem; }
.tile.wide { grid-column: 1 / -1; min-height: auto; }

.progress { height: 8px; background: var(--line); border-radius: 99px; overflow: hidden; margin-top: auto; }
.progress > i { display: block; height: 100%; background: var(--done); border-radius: 99px; transition: width .3s; }
.pct { font-size: .8rem; color: var(--muted); }

.roles { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.role {
  border: 2px solid var(--line); background: var(--card); border-radius: 14px;
  padding: 14px; font: inherit; font-weight: 600; color: inherit; cursor: pointer; text-align: right;
}
.role.sel { border-color: var(--green-2); background: color-mix(in srgb, var(--green-2) 12%, var(--card)); }
.role .dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-left: 8px; }

input[type=text] {
  width: 100%; font: inherit; padding: 14px; border-radius: 12px;
  border: 1px solid var(--line); background: var(--card); color: var(--ink);
}
.btn {
  display: block; width: 100%; padding: 14px; margin-top: 16px; border: 0; border-radius: 12px;
  background: var(--green); color: #fff; font: inherit; font-weight: 700; cursor: pointer;
}
@media (prefers-color-scheme: dark) { .btn { color: #13170f; } }
.btn:disabled { opacity: .45; }
.link { background: none; border: 0; color: var(--muted); font: inherit; text-decoration: underline; cursor: pointer; padding: 8px 0; }

.check { list-style: none; padding: 0; margin: 0; }
.check li { border-bottom: 1px solid var(--line); }
.check li:last-child { border-bottom: 0; }
.check label { display: flex; gap: 12px; align-items: center; padding: 12px 2px; cursor: pointer; }
.check input { appearance: none; width: 24px; height: 24px; flex: none; border: 2px solid var(--line); border-radius: 7px; display: grid; place-items: center; }
.check input:checked { background: var(--done); border-color: var(--done); }
.check input:checked::after { content: "✓"; color: #fff; font-weight: 800; font-size: 15px; }
.check input:checked + span { color: var(--muted); text-decoration: line-through; }

.proc { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.proc .arrow { color: var(--muted); }
ol.steps { padding-inline-start: 22px; margin: 0; }
ol.steps li { padding: 8px 0; }
.note { font-size: .8rem; color: var(--muted); text-align: center; margin: 24px 0 8px; }
.hello { display: flex; justify-content: space-between; align-items: baseline; }
.badge { font-size: .8rem; padding: 4px 10px; border-radius: 99px; background: var(--line); }

.install {
  position: fixed; bottom: calc(12px + env(safe-area-inset-bottom)); left: 12px; right: 12px;
  background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 10px 12px;
  display: flex; align-items: center; gap: 8px; box-shadow: 0 6px 24px rgba(0,0,0,.15);
}
.install[hidden] { display: none; }
.install span { flex: 1; font-size: .9rem; }
.install button { border: 0; border-radius: 10px; padding: 8px 14px; font: inherit; font-weight: 700; background: var(--green); color: #fff; }
.install .ghost { background: none; color: var(--muted); padding: 8px; }

.tile.shift { background: var(--green); color: #fff; border-color: var(--green); }
.tile.shift .d { color: rgba(255,255,255,.8); }
@media (prefers-color-scheme: dark) { .tile.shift { color: #13170f; } .tile.shift .d { color: rgba(0,0,0,.65); } }
.done-card { text-align: center; font-weight: 700; color: var(--done); }

.seg { display: flex; gap: 8px; margin-top: 10px; }
.seg button { flex: 1; padding: 12px; border-radius: 12px; border: 2px solid var(--line); background: var(--card); color: var(--ink); font: inherit; font-weight: 600; cursor: pointer; }
.seg button.sel { border-color: var(--green-2); background: color-mix(in srgb, var(--green-2) 14%, var(--card)); }
.fl { display: block; margin-top: 14px; }
.fl b { display: block; margin-bottom: 6px; font-size: .95rem; }
textarea, .fl input { width: 100%; font: inherit; padding: 12px; border-radius: 12px; border: 1px solid var(--line); background: var(--bg); color: var(--ink); resize: vertical; }
.row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.photos { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }
.photo { position: relative; aspect-ratio: 3/4; border: 2px dashed var(--line); border-radius: var(--radius); background: var(--card);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; cursor: pointer; overflow: hidden; color: inherit; text-decoration: none; text-align: center; padding: 8px; }
.photo .plus { font-size: 2.4rem; color: var(--green-2); line-height: 1; }
.photo .pl { font-size: .85rem; font-weight: 600; }
.photo.has { border-style: solid; padding: 0; }
.photo.has img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.photo.has .pl { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.55); color: #fff; padding: 8px; }
.sumtext { white-space: pre-wrap; font: inherit; margin: 0; line-height: 1.7; }
.top .logo-img { height: 58px; width: auto; display: block; }
.top .sub { margin-top: 2px; }
.hero-logo { display: block; margin: 8px auto 4px; height: 150px; width: auto; }

.hint { color: var(--muted); font-size: .85rem; margin: -4px 0 10px; }
.rowcard { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 12px; margin-bottom: 10px; display: grid; gap: 8px; }
.rowcard input, .rowcard select, .rowcard textarea, .card > input, .card > textarea { width: 100%; font: inherit; padding: 11px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg); color: var(--ink); }
.card > textarea { margin-top: 10px; }
.row2.r31 { grid-template-columns: 3fr 1fr; }
.seg.sm { margin-top: 0; }
.seg.sm button { padding: 8px; font-size: .9rem; }
.seg button.sel.bad { border-color: #b4553f; background: color-mix(in srgb, #b4553f 14%, var(--card)); }
.seg button.sel.good { border-color: var(--green-2); }
.rm { justify-self: start; background: none; border: 0; color: var(--muted); font: inherit; font-size: .85rem; text-decoration: underline; cursor: pointer; padding: 0; }
.add { width: 100%; padding: 12px; border: 2px dashed var(--line); border-radius: 12px; background: none; color: var(--green-2); font: inherit; font-weight: 700; cursor: pointer; margin-bottom: 4px; }
.photos.three { grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
.photos.three .pl { font-size: .75rem; }
.tile.report { border: 2px solid var(--accent); }
.weeknav { display: flex; justify-content: space-between; align-items: center; }
.weeknav .link:disabled { opacity: .3; }
.kpis { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
.kpi { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 12px; display: flex; flex-direction: column; gap: 2px; }
.kpi span { font-size: .8rem; color: var(--muted); }
.kpi b { font-size: 1.6rem; font-weight: 800; }
.kpi i { font-style: normal; font-size: .75rem; color: var(--muted); }
.kpi i.up { color: var(--green-2); } .kpi i.down { color: #b4553f; }
.kpi.warn { border-color: #b4553f; } .kpi.warn b { color: #b4553f; }
.card.ai { border: 2px solid var(--accent); background: color-mix(in srgb, var(--accent) 7%, var(--card)); }
.card.ai p { margin: 6px 0 0; color: var(--muted); line-height: 1.6; }
.barrow { display: grid; grid-template-columns: 48px 1fr 40px; align-items: center; gap: 8px; padding: 4px 0; font-size: .9rem; }
.barrow .b { height: 10px; background: var(--line); border-radius: 99px; overflow: hidden; }
.barrow .b i { display: block; height: 100%; background: var(--green-2); border-radius: 99px; }
.barrow b { text-align: left; }
.card.flag { border-color: #b4553f; }
.notes { margin: 6px 0 0; padding-inline-start: 18px; } .notes li { padding: 3px 0; }
.line { padding: 8px 0; border-bottom: 1px solid var(--line); } .line:last-child { border-bottom: 0; }
.cnt { color: #b4553f; font-weight: 800; }
.kpi b.two { font-size: 1.25rem; } .kpi b.two small { font-size: .75rem; color: var(--muted); font-weight: 500; }

.opt { font-weight: 400; font-size: .8rem; }
.mt { margin-top: 10px; width: 100%; font: inherit; padding: 11px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg); color: var(--ink); }
.card input[type=date], .card input[type=number], .card input:not([type]) { width: 100%; font: inherit; padding: 11px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg); color: var(--ink); }
.row2.r13 { grid-template-columns: 1fr 3fr; }
.chk { display: flex; gap: 8px; align-items: center; font-size: .9rem; }
.chk input { width: auto !important; }
.bills { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.bills label { display: flex; align-items: center; gap: 8px; }
.bills span { flex: none; width: 64px; font-weight: 600; font-size: .9rem; }
.bills input { width: 100%; font: inherit; padding: 9px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg); color: var(--ink); }
.calc { margin: 10px 0 0; }
.cashres { margin-top: 12px; padding: 12px; border-radius: 12px; display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: .9rem; }
.cashres.ok { background: color-mix(in srgb, var(--green-2) 15%, var(--card)); }
.cashres.ok b { color: var(--green-2); }
.cashres.bad { background: color-mix(in srgb, #b4553f 15%, var(--card)); }
.cashres.bad b { color: #b4553f; }
.demo-btns { font-size: .85rem; color: var(--muted); margin: -6px 0 12px; }
.aitext p { margin: 8px 0 0; color: var(--ink); line-height: 1.6; font-size: .92rem; }
.aitext p.pct { color: var(--muted); }
.barrow { grid-template-columns: 48px 1fr 44px; }
.barrow .b { display: flex; height: 12px; }
.barrow .b i { border-radius: 0; }
.barrow .b i.m { background: var(--accent); }
.barrow .b i.e { background: var(--green-2); }
.legend { font-size: .78rem; color: var(--muted); margin: 10px 0 0; }
.legend i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; vertical-align: middle; }
.legend i.m { background: var(--accent); } .legend i.e { background: var(--green-2); margin-right: 6px; }
.card.watch { border-style: dashed; }
.badge.bad { background: color-mix(in srgb, #b4553f 20%, var(--card)); color: #b4553f; font-size: .7rem; }
.chip { display: inline-block; background: var(--line); border-radius: 99px; padding: 3px 10px; margin: 4px 0 0 4px; font-size: .8rem; }
.barrow .b i.f { background: color-mix(in srgb, var(--green-2) 55%, var(--line)); }
.legend i.f { background: color-mix(in srgb, var(--green-2) 55%, var(--line)); margin-right: 6px; }

[data-req].err > input, [data-req].err > textarea, [data-req].err input, [data-req].err textarea { border-color: #c2412d !important; background: color-mix(in srgb, #c2412d 6%, var(--bg)) !important; }
.card[data-req].err, [data-req].err > .seg button, [data-req].err .seg button { border-color: #c2412d; }
[data-req].err .add { border-color: #c2412d; color: #c2412d; }
.errmsg { color: #c2412d; font-size: .82rem; font-weight: 700; margin-top: 6px; }
.billsbox { margin-top: 14px; border-top: 1px solid var(--line); padding-top: 10px; }
.billsbox summary { cursor: pointer; font-weight: 600; color: var(--green-2); margin-bottom: 10px; }
#toast { position: fixed; top: calc(80px + env(safe-area-inset-top)); left: 50%; transform: translate(-50%, -20px); background: #c2412d; color: #fff; padding: 10px 16px; border-radius: 12px; font-weight: 700; font-size: .9rem; opacity: 0; transition: .25s; z-index: 20; pointer-events: none; max-width: 90vw; text-align: center; }
#toast.show { opacity: 1; transform: translate(-50%, 0); }

.check time { margin-inline-start: auto; font-size: .78rem; color: var(--green-2); font-weight: 700; flex: none; }
.check li.missed { background: color-mix(in srgb, #c2412d 8%, transparent); border-radius: 10px; }
.check li.missed span { color: #c2412d; font-weight: 600; }
.check li.missed input { border-color: #c2412d; }
.ghostbtn { background: none !important; color: var(--green) !important; border: 2px solid var(--green) !important; }
.pct.bad, .bad { color: #c2412d; }
.okv { color: var(--green-2); font-weight: 800; }
.line.mgr { display: grid; grid-template-columns: 1fr auto; align-items: baseline; }
.line.mgr .pct { grid-column: 1 / -1; }
.cnt2 { font-size: 1.3rem; font-weight: 800; color: var(--green-2); }
.tag { display: inline-block; font-size: .72rem; font-weight: 700; padding: 1px 8px; border-radius: 99px; margin-top: 4px; }
.tag.keep { background: color-mix(in srgb, var(--green-2) 18%, var(--card)); color: var(--green-2); }
.tag.imp { background: color-mix(in srgb, var(--accent) 20%, var(--card)); color: var(--accent); }

.tile.focus { background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #7a4e2d)); color: #fff; border: 0; gap: 8px; }
.tile.focus .t small { font-weight: 500; opacity: .85; font-size: .8rem; margin-inline-start: 6px; }
.tile.focus .d { color: rgba(255,255,255,.85); }
.tile.focus.empty { background: var(--card); color: var(--ink); border: 2px dashed var(--accent); }
.tile.focus.empty .d { color: var(--muted); }
.fchips { display: flex; flex-wrap: wrap; gap: 6px; }
.fchips i { font-style: normal; font-size: .8rem; font-weight: 700; background: rgba(255,255,255,.22); padding: 3px 10px; border-radius: 99px; }
.fp .num { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--accent); color: #fff; font-size: .75rem; margin-inline-end: 4px; }
.sales { display: grid; gap: 10px; }
.sale { display: flex; flex-direction: column; gap: 2px; margin: 0; }
.sale .badge { align-self: flex-start; font-size: .7rem; margin-bottom: 4px; }
.sale .price { color: var(--green-2); font-weight: 800; }
.pitch { margin: 6px 0 0; padding: 8px 10px; background: color-mix(in srgb, var(--accent) 10%, var(--card)); border-radius: 10px; font-size: .9rem; }
.contest .badge.prize { background: color-mix(in srgb, var(--accent) 22%, var(--card)); color: var(--ink); font-size: .75rem; }
.board { list-style: none; padding: 0; margin: 10px 0 0; counter-reset: b; }
.board li { display: flex; justify-content: space-between; padding: 6px 8px; border-radius: 8px; counter-increment: b; }
.board li span::before { content: counter(b) ". "; color: var(--muted); }
.board li.first { background: color-mix(in srgb, var(--accent) 16%, var(--card)); font-weight: 700; }
.board li.hit b::after { content: " ✓"; color: var(--green-2); }
.rolechips { display: flex; flex-wrap: wrap; gap: 6px; }
.rolechips button { border: 1.5px solid var(--line); background: var(--card); color: var(--ink); border-radius: 99px; padding: 5px 10px; font: inherit; font-size: .8rem; cursor: pointer; }
.rolechips button.sel { border-color: var(--green-2); background: color-mix(in srgb, var(--green-2) 15%, var(--card)); font-weight: 700; }
.chips { display: flex; flex-wrap: wrap; gap: 4px; }
.chip button { background: none; border: 0; color: var(--muted); cursor: pointer; padding: 0 2px; }
.add.sm { padding: 8px; margin: 0; }
.rowcard select { width: 100%; font: inherit; padding: 11px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg); color: var(--ink); }

/* השבוע במקום בלב – כותרות ופרסים בולטים */
.focuspage h2.fh { display: flex; align-items: center; gap: 10px; margin: 28px 0 12px; font-size: 1.35rem; font-weight: 800; color: var(--ink); }
.focuspage h2.fh::before { content: ""; width: 6px; align-self: stretch; border-radius: 6px; background: var(--fh, var(--accent)); }
.focuspage h2.fh small { font-size: .8rem; font-weight: 800; background: var(--fh, var(--accent)); color: #fff; border-radius: 99px; padding: 2px 10px; }
.fh-proc { --fh: var(--green-2); }
.fh-sale { --fh: var(--accent); }
.fh-contest { --fh: #b4553f; }
.focuspage .fp b { font-size: 1.08rem; }
.focuspage .sale b { font-size: 1.12rem; }
.ctitle { font-size: 1.25rem; font-weight: 800; margin-bottom: 4px; }
.prizebox { display: flex; align-items: center; gap: 12px; margin: 8px 0 10px; padding: 12px 14px; border-radius: 14px;
  background: linear-gradient(135deg, #e9b44c, #c9822e); color: #2a1a05; box-shadow: 0 4px 14px rgba(201,130,46,.35); }
.prizebox .pz-ico { font-size: 1.9rem; line-height: 1; }
.prizebox small { display: block; font-size: .72rem; font-weight: 700; opacity: .8; }
.prizebox b { display: block; font-size: 1.15rem; font-weight: 800; }

.tile.meeting { background: linear-gradient(135deg, #3d6f7a, #2f4a2b); color: #fff; border: 0; gap: 6px; }
.tile.meeting .d { color: rgba(255,255,255,.85); }
.rowcard.donecard { opacity: .6; }
.rowcard.donecard input[data-f="text"] { text-decoration: line-through; }
.meetingpage .rolechips button { font-size: .85rem; }

.teamcard { padding: 12px; background: color-mix(in srgb, var(--card) 85%, var(--bg)); }
.teamcard textarea, .round textarea { width: 100%; font: inherit; padding: 10px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg); color: var(--ink); }
.round .fl { margin-top: 10px; }

/* מסך בית מנהלים – כרטיסים אחידים */
.tiles.mgr { grid-template-columns: 1fr 1fr; }
.tile.mt { min-height: 104px; background: var(--card); border: 1.5px solid var(--line); border-top: 4px solid var(--green); color: var(--ink); justify-content: flex-start; }
.tile.mt .t { font-size: 1.05rem; font-weight: 800; color: var(--green); }
.tile.mt .d { font-size: .8rem; color: var(--muted); }
.tile.mt.soon { opacity: .55; cursor: default; border-top-style: dashed; }

/* בריף – מצב הצגה */
.briefshow .bhead { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 6px; }
.briefshow .bhead span { color: var(--muted); font-size: .9rem; }
.bgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.bx { background: var(--card); border: 1px solid var(--line); border-top: 5px solid var(--c); border-radius: 14px; padding: 12px; }
.bx.wide { grid-column: 1 / -1; }
.bx h3 { margin: 0 0 6px; font-size: 1.05rem; font-weight: 800; color: var(--c); }
.bx ul { margin: 0; padding-inline-start: 18px; } .bx li { padding: 2px 0; font-size: .95rem; }
.bx.red { --c: #b4553f; } .bx.orange { --c: #c9822e; } .bx.blue { --c: #3d6f7a; } .bx.green { --c: #4f7a47; } .bx.gold { --c: #a0742a; background: color-mix(in srgb, #e9b44c 10%, var(--card)); }
.learn { padding: 6px 0; } .learn + .learn { border-top: 1px solid var(--line); } .learn p { margin: 4px 0 0; }
.teamlist { list-style: none; padding: 0 !important; } .teamlist li { display: flex; justify-content: space-between; gap: 6px; }
.teamlist span { color: var(--muted); font-size: .85rem; }
.quote { margin: 14px 0; padding: 16px; text-align: center; font-size: 1.15rem; font-weight: 700; border-radius: 14px; background: color-mix(in srgb, var(--green-2) 12%, var(--card)); color: var(--green); }
@media (min-width: 700px) { .bgrid { grid-template-columns: 1fr 1fr 1fr; } }
.tile.brieftile { background: linear-gradient(135deg, #c9822e, #a0742a); color: #fff; border: 0; }
.tile.brieftile .d { color: rgba(255,255,255,.88); }
.itemlink { display: block; margin: -4px 36px 12px 0; padding: 10px 14px; border-radius: 10px; background: var(--green); color: #fff; font-weight: 700; text-decoration: none; text-align: center; }
@media (prefers-color-scheme: dark) { .itemlink { color: #13170f; } }

.menutabs { display: flex; gap: 6px; overflow-x: auto; padding: 4px 0 10px; position: sticky; top: 82px; background: var(--bg); z-index: 3; }
.menutabs button { flex: none; border: 1.5px solid var(--line); background: var(--card); color: var(--ink); border-radius: 99px; padding: 7px 14px; font: inherit; font-size: .9rem; cursor: pointer; }
.menutabs button.sel { background: var(--green); border-color: var(--green); color: #fff; font-weight: 700; }
.menulist .mi { padding: 10px 0; border-bottom: 1px solid var(--line); } .menulist .mi:last-child { border-bottom: 0; }
.menulist .mh { display: flex; justify-content: space-between; gap: 10px; } .menulist .mh span { color: var(--green-2); font-weight: 800; flex: none; }
.menulist p { margin: 4px 0 0; font-size: .88rem; color: var(--muted); line-height: 1.5; }

.weektbl { width: 100%; border-collapse: collapse; font-size: .9rem; }
.weektbl th { text-align: right; color: var(--muted); font-weight: 600; padding: 6px 4px; border-bottom: 1px solid var(--line); }
.weektbl td { padding: 8px 4px; border-bottom: 1px solid var(--line); vertical-align: top; }
.weektbl tr:last-child td { border-bottom: 0; }
.weektbl tr.today td { background: color-mix(in srgb, var(--green-2) 12%, transparent); }

.check li .doer { padding: 0 36px 10px 0; }
.check li .doer input { width: 100%; font: inherit; font-size: .9rem; padding: 9px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg); color: var(--ink); }
.check li .doer.err input { border-color: #c2412d; background: color-mix(in srgb, #c2412d 6%, var(--bg)); }
.check input:disabled { opacity: .45; }

/* ---------- מחלקת מלצרים: משחק מבחן תפריט ---------- */
.quiz .qhead { display: flex; justify-content: space-between; font-weight: 700; color: var(--muted, #777); margin-bottom: 8px; }
.quiz .qq { font-size: 1.3rem; margin: 22px 0 6px; line-height: 1.4; }
.quiz .qsub { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; font-size: 1.05rem; line-height: 1.5; margin: 0 0 14px; }
.quiz .qopts { display: grid; gap: 10px; margin-top: 14px; }
.quiz .qopts button { text-align: right; padding: 14px 16px; border-radius: 14px; border: 2px solid var(--line); background: var(--card); color: var(--ink); font: inherit; font-size: 1rem; cursor: pointer; transition: all .15s; }
.quiz .qopts button.right { border-color: #2e9e5b; background: color-mix(in srgb, #2e9e5b 18%, var(--card)); font-weight: 700; }
.quiz .qopts button.wrong { border-color: #d64545; background: color-mix(in srgb, #d64545 15%, var(--card)); }
.quizend { text-align: center; padding-top: 30px; }
.quizend .bigscore { font-size: 4rem; font-weight: 800; color: var(--green); margin: 10px 0; }
.quizend .btn { margin-top: 12px; }

/* ---------- כפתור-קישור פנימי ---------- */
button.itemlink { border: 0; font: inherit; font-weight: 700; cursor: pointer; width: calc(100% - 36px); }
/* ---------- תפריט מלא כתמונות ---------- */
.menupage { margin: 0 -16px 12px; overflow-x: auto; background: #fff; cursor: zoom-in; }
.menupage img { display: block; width: 100%; height: auto; }
.menupage.zoom { cursor: zoom-out; }
.menupage.zoom img { width: 260%; max-width: none; }
/* ---------- משחקים ---------- */
.gamecard { display: flex; gap: 14px; align-items: center; width: 100%; text-align: right; padding: 18px; margin-bottom: 14px; border: 0; border-radius: 18px; color: #fff; font: inherit; cursor: pointer; box-shadow: 0 6px 18px rgba(0,0,0,.12); }
.gamecard.g1 { background: linear-gradient(135deg, #2f4a2a, #4f7a45); }
.gamecard.g2 { background: linear-gradient(135deg, #b5651d, #d79a3a); }
.gamecard .gi { font-size: 2.4rem; }
.gamecard b { display: block; font-size: 1.25rem; }
.gamecard small { display: block; opacity: .9; margin-top: 3px; }
.gamecard em { display: inline-block; margin-top: 8px; font-style: normal; font-size: .8rem; background: rgba(255,255,255,.22); padding: 3px 10px; border-radius: 99px; }
.memintro { text-align: center; padding-top: 10px; }
.memintro .bigicon { font-size: 4rem; }
.memrules { text-align: right; display: grid; gap: 8px; }
.ticket { background: #fffdf5; color: #222; border-radius: 6px; padding: 16px 18px 22px; margin: 16px 6px; font-family: "Courier New", monospace; box-shadow: 0 4px 14px rgba(0,0,0,.15);
  background-image: radial-gradient(circle at 10px -4px, transparent 9px, #fffdf5 10px); }
.ticket .tk-h { display: flex; justify-content: space-between; border-bottom: 2px dashed #bbb; padding-bottom: 8px; margin-bottom: 8px; font-size: 1.1rem; }
.ticket .tk-i { padding: 5px 0; font-size: 1.1rem; font-weight: 700; }
.ticket .tk-i span { color: #999; font-weight: 400; margin-left: 6px; }
.memtime > i { background: var(--green-2, #6a8f4e); transition: none; }
.memgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 12px 0 14px; }
.memgrid button { padding: 10px 8px; border-radius: 12px; border: 2px solid var(--line); background: var(--card); color: var(--ink); font: inherit; font-size: .92rem; font-weight: 600; cursor: pointer; min-height: 58px; }
.memgrid button small { display: block; font-weight: 400; font-size: .7rem; opacity: .6; margin-top: 2px; }
.memgrid button.on { border-color: var(--green); background: color-mix(in srgb, var(--green) 16%, var(--card)); }
.memgrid button.ok { border-color: #2e9e5b; background: color-mix(in srgb, #2e9e5b 20%, var(--card)); }
.memgrid button.miss { border-color: #2e9e5b; border-style: dashed; }
.memgrid button.bad { border-color: #d64545; background: color-mix(in srgb, #d64545 16%, var(--card)); }
.memgrid button.dim { opacity: .4; }
.memres { text-align: center; font-weight: 800; font-size: 1.15rem; padding: 12px; border-radius: 12px; margin-bottom: 10px; }
.memres.good { background: color-mix(in srgb, #2e9e5b 18%, var(--card)); color: #1f7a43; }
.memres.badr { background: color-mix(in srgb, #d64545 14%, var(--card)); color: #b33232; }
a.ilink { color: var(--green); text-decoration: underline; cursor: pointer; font-weight: 600; }

/* ---------- כרטיס יין ---------- */
.mi.wine { cursor: pointer; }
.mi.wine:active { background: color-mix(in srgb, var(--green) 8%, transparent); }
.winfo { color: var(--green); font-size: .85em; opacity: .7; }
.winemodal { position: fixed; inset: 0; background: rgba(0,0,0,.55); display: flex; align-items: flex-end; justify-content: center; z-index: 50; animation: fadein .15s; }
@keyframes fadein { from { opacity: 0 } }
.wcard { position: relative; background: var(--card); color: var(--ink); width: 100%; max-width: 460px; max-height: 88vh; overflow: auto; border-radius: 22px 22px 0 0; padding: 18px 20px 28px; text-align: center; animation: up .2s ease-out; }
@keyframes up { from { transform: translateY(40px) } }
.wclose { position: absolute; top: 12px; left: 12px; border: 0; background: var(--line); color: var(--ink); width: 34px; height: 34px; border-radius: 99px; font-size: 1rem; cursor: pointer; }
.wimg { height: 220px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 14px; margin: 6px 0 12px; overflow: hidden; }
.wimg img { max-height: 210px; max-width: 100%; object-fit: contain; }
.wimg .bottlesvg { height: 190px; }
.wtype { display: inline-block; font-size: .78rem; font-weight: 700; padding: 3px 12px; border-radius: 99px; background: var(--line); }
.wtype.t-אדום { background: #7a1f2b; color: #fff; } .wtype.t-רוזה { background: #f2b8b8; color: #5a2020; }
.wtype.t-לבן { background: #f0e6a8; color: #4a4210; } .wtype.t-מבעבע { background: #f5edc4; color: #4a4210; }
.wcard h2 { margin: 8px 0 2px; font-size: 1.25rem; }
.wprice { font-weight: 700; color: var(--green); margin-bottom: 10px; }
.wcard p { text-align: right; line-height: 1.6; margin: 0 0 12px; }
.wsell { text-align: right; background: color-mix(in srgb, #d79a3a 16%, var(--card)); border-right: 4px solid #d79a3a; padding: 10px 12px; border-radius: 10px; line-height: 1.55; }
.gamecard.g3 { background: linear-gradient(135deg, #6b2238, #a8455e); }
.stepstile { background: linear-gradient(135deg, #2f4a2a, #4f7a45) !important; color: #fff !important; }
.stepstile .t, .stepstile .d { color: #fff !important; }
.emptycard { text-align: center; padding: 26px 16px; }
.emptycard .bigicon { font-size: 2.6rem; }
.stagechip { display: inline-block; margin-top: 14px; font-size: .78rem; font-weight: 700; padding: 3px 12px; border-radius: 99px; background: color-mix(in srgb, #d79a3a 22%, var(--card)); color: #8a5a12; }
.quiz .till { color: #1f7a43; }
.whybox { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; line-height: 1.55; margin: 0 0 12px; }
.wph { text-align: right; font-size: 1rem; margin: 4px 0 8px; }
.wpairs { display: grid; gap: 8px; margin-bottom: 12px; text-align: right; }
.wpair { border: 1px solid var(--line); border-radius: 12px; padding: 9px 12px; }
.wpair b { font-size: 1rem; } .wpair small { margin-right: 8px; color: var(--muted, #888); }
.wpair p { margin: 4px 0 0 !important; font-size: .9rem; }
/* ---------- סדר פעולות בשולחן ---------- */
.timeline { list-style: none; padding: 0; margin: 12px 0 0; position: relative; }
.timeline::before { content: ""; position: absolute; top: 10px; bottom: 10px; right: 17px; width: 3px; background: var(--line); border-radius: 3px; }
.timeline li { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 12px; position: relative; }
.timeline .tnum { flex: 0 0 36px; height: 36px; border-radius: 99px; background: var(--green); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; z-index: 1; }
.timeline .tbody { flex: 1; background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 10px 14px; }
.timeline .tbody b { font-size: 1.02rem; }
.timeline .tbody p { margin: 4px 0 0; line-height: 1.55; }
.ttip { margin-top: 8px; background: color-mix(in srgb, #d79a3a 14%, var(--card)); border-radius: 10px; padding: 6px 10px; font-size: .9rem; }
.tsay { margin-top: 8px; display: grid; gap: 6px; }
.tsay small { font-weight: 700; color: #8a5a12; }
.tsay q { display: block; quotes: "\"" "\""; background: color-mix(in srgb, var(--green) 10%, var(--card)); border-radius: 12px 12px 4px 12px; padding: 8px 12px; line-height: 1.5; font-size: .93rem; }
.gamecard.g4 { background: linear-gradient(135deg, #1f4e6b, #3f86a8); }
.ordgrid { display: grid; gap: 8px; margin-top: 12px; }
.ordgrid button { text-align: right; padding: 13px 14px; border-radius: 12px; border: 2px solid var(--line); background: var(--card); color: var(--ink); font: inherit; font-weight: 600; cursor: pointer; }
.ordgrid button.wrong { border-color: #d64545; background: color-mix(in srgb, #d64545 14%, var(--card)); }
.shake { animation: shake .35s; }
@keyframes shake { 25% { transform: translateX(-6px) } 75% { transform: translateX(6px) } }
.donesteps { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.donesteps span { font-size: .78rem; background: color-mix(in srgb, #2e9e5b 16%, var(--card)); color: #1f7a43; border-radius: 99px; padding: 3px 10px; }
/* ---------- בר ---------- */
.cgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ccard { position: relative; text-align: right; background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 12px; font: inherit; color: var(--ink); cursor: pointer; display: flex; flex-direction: column; gap: 4px; min-height: 120px; }
.ccard b { font-size: 1.02rem; } .ccard small { color: var(--muted, #777); line-height: 1.4; }
.ccard .cprice { margin-top: auto; font-weight: 800; color: var(--green); }
.ccard em { position: absolute; bottom: 12px; left: 10px; font-style: normal; font-size: .65rem; background: var(--line); border-radius: 99px; padding: 2px 7px; }
.spec { width: 100%; border-collapse: collapse; margin: 6px 0 12px; text-align: right; }
.spec td { padding: 8px; border-bottom: 1px solid var(--line); } .spec td:last-child { text-align: left; font-weight: 700; white-space: nowrap; }
.ccard em.ok { background: color-mix(in srgb, #2e9e5b 20%, var(--card)); color: #1f7a43; }
/* ---------- מפת הושבה ---------- */
.maph { margin: 14px 0 6px; font-size: 1rem; }
.mapwrap { margin: 0 -10px; }
.seatmap { width: 100%; display: block; background: var(--card); border: 1px solid var(--line); border-radius: 14px; }
.seatmap .smokezone { fill: color-mix(in srgb, #d79a3a 9%, transparent); stroke: #d79a3a; stroke-dasharray: 8 6; stroke-width: 1.5; }
.seatmap .zonelbl { font-size: 22px; fill: #8a5a12; font-weight: 700; }
.seatmap .tbl { cursor: pointer; }
.seatmap .tbl rect, .seatmap .tbl ellipse { fill: #fffdf5; stroke: #333; stroke-width: 2; transition: fill .15s; }
.seatmap .tbl .tn { font-size: 34px; letter-spacing: -1px; font-weight: 800; fill: #222; }
.seatmap .tbl .ts { font-size: 24px; fill: #2e7d4f; font-weight: 700; }
.seatmap .tbl.sel rect, .seatmap .tbl.sel ellipse { fill: #cfe3c4; stroke: var(--green, #2f4a2a); stroke-width: 4; }
.seatmap .tbl.good rect, .seatmap .tbl.good ellipse { fill: #b9e6c9; stroke: #2e9e5b; stroke-width: 5; }
.seatmap .tbl.bad rect, .seatmap .tbl.bad ellipse { fill: #f6c4c4; stroke: #d64545; stroke-width: 5; }
.scen { display: flex; gap: 14px; align-items: center; background: var(--card); border: 2px solid var(--green, #2f4a2a); border-radius: 16px; padding: 12px 14px; margin: 14px 0 8px; }
.scen .sn { font-size: 2.4rem; font-weight: 800; color: var(--green, #2f4a2a); line-height: 1; text-align: center; }
.scen .sn small { display: block; font-size: .75rem; font-weight: 600; }
.scen .stags { display: flex; flex-wrap: wrap; gap: 6px; }
.scen .stags span { background: color-mix(in srgb, var(--green, #2f4a2a) 10%, var(--card)); border-radius: 99px; padding: 4px 10px; font-size: .88rem; font-weight: 600; }
.seatbtns { display: grid; gap: 8px; margin-top: 14px; }
.seatrules { display: grid; gap: 8px; line-height: 1.5; }
.gamecard.g5 { background: linear-gradient(135deg, #3b5a7a, #5f8fb0); }
.approve { display: flex; gap: 10px; align-items: center; margin-top: 14px; padding: 12px 14px; background: var(--card); border: 1.5px dashed var(--line); border-radius: 12px; font-weight: 600; cursor: pointer; }
.approve input { width: 22px; height: 22px; }
.bintro { line-height: 1.6; margin: 0 0 10px; color: var(--ink); }
.bgh { font-size: .95rem; margin: 12px 0 6px; color: var(--green, #2f4a2a); }
.trainerbox { margin-top: 12px; background: color-mix(in srgb, #3b5a7a 10%, var(--card)); border-right: 4px solid #3b5a7a; border-radius: 10px; padding: 10px 12px; }
.trainerbox ul { margin: 6px 0 0; padding-inline-start: 18px; line-height: 1.6; }
.gsearch { width: 100%; box-sizing: border-box; padding: 12px 14px; border-radius: 12px; border: 1.5px solid var(--line); background: var(--card); color: var(--ink); font: inherit; margin-bottom: 10px; }

/* ישיבה – נקודות בתיבה אחת */
.ptscard{padding:10px}
.pts{width:100%;min-height:72px;line-height:1.7;font-size:15px;resize:vertical;border:1px solid var(--line,#ddd);border-radius:10px;padding:8px 10px;box-sizing:border-box;font-family:inherit}
.ptstask{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.chipbtn{border:1px solid var(--line,#ddd);background:transparent;border-radius:999px;padding:3px 10px;font-size:12px;font-family:inherit;color:inherit;cursor:pointer}

/* בנק תחרויות */
.contestrow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.contestrow .chipbtn{white-space:nowrap;flex-shrink:0}
.chipbtn.sel{background:#4f7a47;color:#fff;border-color:#4f7a47}
.bankpick{margin-top:10px;display:flex;flex-direction:column;gap:4px}

/* ---------- מסך פתיחה (כניסה) ---------- */
body.loginmode { background: #22361f; }
body.loginmode .top { display: none; }
body.loginmode main { padding: 0; max-width: none; }
.welcome {
  position: relative; min-height: 100vh; min-height: 100dvh; overflow: hidden;
  display: flex; flex-direction: column; color: #f6f1e7;
  background:
    radial-gradient(120% 70% at 85% 0%, rgba(201,130,46,.35), transparent 60%),
    radial-gradient(90% 60% at 0% 30%, rgba(111,163,99,.35), transparent 60%),
    linear-gradient(180deg, #2f4a2b 0%, #22361f 100%);
}
.whero { position: relative; z-index: 1; text-align: center; padding: calc(36px + env(safe-area-inset-top)) 20px 28px; flex: 1;
  display: flex; flex-direction: column; align-items: center; justify-content: center; }
.wlogo { height: 128px; width: auto; filter: drop-shadow(0 6px 18px rgba(0,0,0,.25)); }
.whello { margin-top: 14px; font-weight: 500; color: #e9b874; letter-spacing: .02em; animation: wrise .7s .1s both; }
.wtitle { margin: 6px 0 8px; font-size: 2rem; line-height: 1.15; font-weight: 800; color: #fffdf8; animation: wrise .7s .2s both; }
.wsub { margin: 0; opacity: .85; font-size: 1.02rem; animation: wrise .7s .3s both; }
.wchips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 18px; animation: wrise .7s .4s both; }
.wchips span { background: rgba(255,253,248,.12); border: 1px solid rgba(255,253,248,.22); border-radius: 999px; padding: 5px 12px; font-size: .86rem; backdrop-filter: blur(4px); }
.wsheet { position: relative; z-index: 1; background: var(--bg); color: var(--ink); border-radius: 28px 28px 0 0;
  padding: 10px 20px calc(24px + env(safe-area-inset-bottom)); box-shadow: 0 -12px 40px rgba(0,0,0,.25); animation: wsheet .6s .15s both;
  width: 100%; max-width: 640px; margin: 0 auto; }
.wgrab { width: 44px; height: 5px; border-radius: 9px; background: var(--line); margin: 0 auto 12px; }
.wsheet-t { margin: 0 0 12px; font-size: 1.25rem; text-align: center; }
.wfield { display: block; margin-bottom: 12px; }
.wfield span { display: block; font-size: .85rem; font-weight: 700; color: var(--muted); margin-bottom: 6px; }
.wfield input { width: 100%; font-size: 1.05rem; padding: 14px 16px; border-radius: 14px; border: 1.5px solid var(--line); background: var(--card); color: var(--ink); text-align: right; }
.wfield input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 4px rgba(201,130,46,.18); }
.wbtn { background: var(--accent) !important; color: #fff; font-size: 1.1rem; box-shadow: 0 8px 20px rgba(201,130,46,.35); }
.whint { text-align: center; color: var(--muted); font-size: .82rem; margin: 12px 0 0; }
.whint.demo { opacity: .8; }
.wdoodle { position: absolute; z-index: 0; fill: none; stroke: rgba(246,241,231,.13); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.wdoodle.d1 { width: 120px; top: 4%; left: -18px; animation: wfloat 12s ease-in-out infinite; }
.wdoodle.d2 { width: 116px; top: 6%; right: -22px; transform: rotate(-8deg); stroke: rgba(233,184,116,.22); animation: wfloat 14s ease-in-out infinite reverse; }
.wdoodle.d3 { width: 84px; top: 40%; left: 2px; transform: rotate(-10deg); stroke: rgba(233,184,116,.2); animation: wfloat 11s ease-in-out infinite; }
.wdoodle.d4 { width: 100px; top: 37%; right: -6px; animation: wfloat 13s ease-in-out infinite reverse; }
.wdoodle.d5 { width: 58px; top: 3%; left: 33%; opacity: .8; animation: wfloat 10s ease-in-out infinite; }
@keyframes wfloat { 0%,100% { translate: 0 0; } 50% { translate: 0 -12px; } }
@keyframes wrise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes wsheet { from { transform: translateY(40px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .welcome * { animation: none !important; } }
@media (min-width: 700px) { .wsheet { border-radius: 28px; margin-bottom: 40px; max-width: 440px; } }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .welcome { background: radial-gradient(120% 70% at 85% 0%, rgba(201,130,46,.25), transparent 60%), linear-gradient(180deg, #24341f, #141a12); } }

/* ניהול עובדים */
.ulist{padding:4px 10px}
.urow{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.urow:last-child{border-bottom:0}
.uchk{flex-shrink:0;width:24px;display:flex;justify-content:center}
.uchk input{width:20px;height:20px}
.uok{color:var(--done);font-weight:800}
.uinfo{flex:1;min-width:0}
.uact{display:flex;flex-direction:column;gap:4px;align-items:flex-end}
.uact select{font-size:.82rem;padding:4px 6px;width:auto}
.unote{font-size:.8rem;color:#b4553f;margin-top:2px}
.uphone{margin-top:4px;padding:6px 8px;font-size:.9rem;width:150px}
.ubar{display:flex;flex-direction:column;gap:8px}
.resultsCard{border:2px solid var(--accent)}
.chipbtn.wa{background:#25d366;color:#fff;border-color:#25d366;text-decoration:none;white-space:nowrap}

/* בעלים – צפייה במחלקות */
.viewas{margin-bottom:12px}
#viewAsBar{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:20;background:var(--accent);color:#fff;padding:10px 18px;border-radius:999px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.25);cursor:pointer;white-space:nowrap;font-size:.92rem}

/* משחקים: השאלה במסגרת צבעונית – שלא תתבלבל עם התשובות (בקשת תומר 11/11) */
.qq, .quiz .qq {
  position: relative; margin: 26px 0 10px; padding: 16px 16px 14px;
  background: color-mix(in srgb, var(--accent) 14%, var(--card));
  border: 2px solid var(--accent); border-radius: 16px;
  font-size: 1.25rem; line-height: 1.45; color: var(--ink);
  box-shadow: 0 4px 14px color-mix(in srgb, var(--accent) 18%, transparent);
}
.qq::before {
  content: "❓ שאלה"; position: absolute; top: -11px; right: 14px;
  background: var(--accent); color: #fff; font-size: .72rem; font-weight: 700;
  padding: 2px 10px; border-radius: 999px; letter-spacing: .02em;
}
.quiz .qopts { margin-top: 16px; }
.scen { border: 2px solid var(--accent) !important; background: color-mix(in srgb, var(--accent) 12%, var(--card)) !important; position: relative; }
.scen::before { content: "❓ איפה מושיבים?"; position: absolute; top: -11px; right: 14px; background: var(--accent); color: #fff; font-size: .72rem; font-weight: 700; padding: 2px 10px; border-radius: 999px; }
.quiz .qsub { border: 2px dashed var(--accent); background: color-mix(in srgb, var(--accent) 7%, var(--card)); margin-top: -2px; }

/* סיכום משמרת: צילום או בחירה מהגלריה (בקשת תומר 12/11) */
.photo .phbtns { position: absolute; top: 6px; left: 6px; right: 6px; display: flex; gap: 4px; z-index: 2; }
.photo .phbtns label { flex: 1; text-align: center; background: rgba(255,253,248,.92); color: var(--green); border: 1px solid var(--line); border-radius: 999px; padding: 5px 2px; font-size: .72rem; font-weight: 700; cursor: pointer; white-space: nowrap; }
.photos.three .photo .phbtns { flex-direction: column; }
.photos.three .photo .phbtns label { font-size: .68rem; padding: 4px 2px; }

/* כניסה: הצגת סיסמה */
.pwwrap { position: relative; }
.pwwrap input { padding-left: 48px !important; }
.pweye { position: absolute; left: 6px; top: 50%; transform: translateY(-50%); background: none; border: 0; font-size: 1.2rem; padding: 6px 8px; cursor: pointer; line-height: 1; }

/* בריף – צוות לפי מחלקות */
.teambox{padding:12px}
.tbhead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.tbrow{display:grid;grid-template-columns:1fr 92px 34px;gap:6px;margin-bottom:6px;align-items:center}
.tbrow .rm{padding:6px 0}
.tbchips{margin:6px 0 8px}
.add.sm{padding:8px;font-size:.9rem}
.tbpick summary{cursor:pointer;color:var(--green-2);font-weight:700;font-size:.9rem;margin:4px 0}