/* ================= באיאן — תוספות לעיצוב הקלויז ================= */
:root {
  --chq: #eda100; --chq-ink: #8a5c00; --chq-soft: #fdf2d6;
  --card: #e87ba4; --card-ink: #a3355f; --card-soft: #fce8ef;
  --clr: #2a78d6; --clr-ink: #1c5cab; --clr-soft: #e4eefb;
  --ok: #179e6f; --ok-soft: #e0f4ec; --part: #eda100; --part-soft: #fdf2d6; --none: #b9322a; --none-soft: #fbe8e6;
}
.kbar i.chq { background: var(--chq); } .kbar i.card { background: var(--card); } .kbar i.clr { background: var(--clr); }
.kic.chq { background: var(--chq-soft); color: var(--chq-ink); }
.kic.card { background: var(--card-soft); color: var(--card-ink); }
.kic.clr { background: var(--clr-soft); color: var(--clr-ink); }
.kchip.chq { background: var(--chq-soft); color: var(--chq-ink); border-color: #f1dfaa; }
.kchip.card { background: var(--card-soft); color: var(--card-ink); border-color: #f4cbd9; }
.kchip.clr { background: var(--clr-soft); color: var(--clr-ink); border-color: #c9dcf5; }
.kcard.chq { border-top-color: var(--chq); } .kcard.card { border-top-color: var(--card); } .kcard.clr { border-top-color: var(--clr); }
.kh-l.wrap { flex: 1; min-width: 260px; }
.sec-h { display: flex; align-items: center; gap: 8px; font-size: 15px; margin: 6px 4px 10px; color: var(--ink-2); flex-wrap: wrap; }
.sec-h small { font-weight: 400; color: var(--muted); font-size: 12.5px; }
.sd-demo.proto { background: rgba(217, 178, 90, .12); color: #e3cf9c; border-radius: 10px; padding: 8px; line-height: 1.5; margin-top: auto; }
.kpi.clk { cursor: pointer; text-decoration: none; color: inherit; }
.kpi.clk:hover { border-color: var(--gold-2); }
.ccards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; margin-bottom: 14px; }
.ccard { display: grid; gap: 7px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 14px 16px; box-shadow: var(--shadow); text-decoration: none; color: inherit; border-top: 3px solid var(--gold-2); transition: transform .15s, box-shadow .15s; }
.ccard:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(22, 35, 58, .1); }
.cc-h b { display: block; font-family: var(--serif); font-size: 19px; font-weight: 700; }
.cc-h small { color: var(--muted); font-size: 12px; }
.cc-r { display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-2); }
.cc-r .bar { display: block; height: 8px; border-radius: 4px; min-width: 2px; }
.cc-r .bar.inc { background: var(--inc); } .cc-r .bar.exp { background: var(--exp); }
.cc-r b { font-size: 14px; font-variant-numeric: tabular-nums; }
.cc-n { display: flex; gap: 6px; align-items: baseline; border-top: 1px solid var(--grid); padding-top: 7px; font-size: 13px; color: var(--ink-2); }
.cc-n span { margin-inline-start: auto; color: var(--inc-ink); font-size: 12.5px; }
.pbar { display: inline-block; width: 56px; height: 6px; background: var(--track); border-radius: 3px; overflow: hidden; vertical-align: middle; margin-inline-end: 6px; }
.pbar i { display: block; height: 100%; border-radius: 3px; }
.pbar i.inc { background: var(--inc); } .pbar i.exp { background: var(--exp); } .pbar i.ok { background: var(--ok); } .pbar i.part { background: var(--part); }
.st { display: inline-block; padding: 2px 9px; border-radius: 20px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.st.ok { background: var(--ok-soft); color: #0f6e4d; } .st.part { background: var(--part-soft); color: var(--chq-ink); }
.st.none { background: #eef0f4; color: var(--ink-2); } .st.bad { background: var(--none-soft); color: var(--none); }
.chip-sep { width: 1px; background: var(--line-2); margin: 4px 6px; }
.chip small { color: inherit; opacity: .7; font-size: 11.5px; }
.plink { color: inherit; text-decoration: none; border-bottom: 1px dashed var(--line-2); }
.plink:hover { color: var(--inc-ink); }
.tx td small.cm-l { display: flex; align-items: center; gap: 3px; color: var(--gold); }
.ltr { direction: ltr; text-align: right; unicode-bidi: plaintext; }
.card.flush { padding: 0; overflow: hidden; }
.card-h.pad { padding: 14px 18px 0; }
.cdl { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px 20px; margin: 0; }
.cdl dt { font-size: 12px; color: var(--muted); }
.cdl dd { margin: 2px 0 0; font-weight: 500; overflow-wrap: anywhere; }
.catgrid { display: grid; gap: 14px; margin-top: 10px; }
.catbox { border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px; background: var(--surface-2); }
.catbox > b { display: block; font-family: var(--serif); font-size: 17px; margin-bottom: 8px; }
.catbox .grid { margin-bottom: 0; }
.catline { display: flex; gap: 4px; align-items: center; margin-bottom: 5px; }
.catline input { flex: 1; min-height: 36px; }
.icon-btn.sm { width: 32px; height: 32px; }
.edit-t td.cbx { white-space: nowrap; font-size: 13px; }
.edit-t td.cbx input { width: auto; min-width: 0; }
.frow.three { grid-template-columns: 1fr 1fr 1fr; }
.newcat { display: grid; gap: 4px; margin-top: -4px; }
.newcat input { border-color: var(--gold); }
.newcat small { color: var(--gold); font-size: 12.5px; }
.seg.wide { display: flex; } .seg.wide button { flex: 1; min-height: 40px; font-weight: 600; }
.seg.wide button.inc.on { background: var(--inc-ink); } .seg.wide button.exp.on { background: var(--exp-ink); }
.cm-sum { display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: center; margin: 0 18px 4px; padding: 12px 14px; background: var(--surface-2); border: 1px solid var(--line); border-radius: 14px; }
.cm-sum small { display: block; color: var(--muted); font-size: 12px; }
.cm-sum b { font-size: 20px; font-weight: 800; }
.cm-sum .pbar { width: 100%; height: 8px; margin: 0; }
.cm-pays { margin: 6px 18px 4px; }
.cm-pays .card-h { margin-bottom: 6px; }
.cm-pays .grid-t { width: 100%; }

/* ---------- לוח האולם ---------- */
.cal-title { display: flex; align-items: baseline; gap: 12px; margin: 0 4px 12px; }
.cal-title b { font-family: var(--serif); font-size: 26px; }
.cal-title span { color: var(--gold); font-weight: 600; }
.cal-card { padding: 10px; }
.cal-head, .cal { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.cal-head span { text-align: center; font-size: 12.5px; font-weight: 600; color: var(--muted); padding: 4px 0; }
.cal-d { min-height: 128px; border: 1px solid var(--line); border-radius: 12px; padding: 5px; display: grid; grid-template-rows: auto 1fr 1fr; gap: 4px; background: var(--surface); min-width: 0; }
.cal-d.out { border: 0; background: none; }
.cal-d.sat { background: var(--surface-2); }
.cal-d.today { border-color: var(--gold); box-shadow: 0 0 0 2px rgba(184, 137, 43, .25); }
.cal-n { display: flex; justify-content: space-between; align-items: baseline; gap: 4px; padding: 0 3px; min-width: 0; }
.cal-n b { font-size: 15px; }
.cal-n small { color: var(--muted); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.slot { display: grid; align-content: start; gap: 1px; text-align: right; border-radius: 8px; padding: 4px 6px; font: inherit; min-width: 0; border: 1px solid transparent; cursor: pointer; color: inherit; }
.slot .sl-h { font-size: 10.5px; font-weight: 600; color: var(--muted); }
.slot b { font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.slot small, .slot em { font-size: 11px; font-style: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--ink-2); }
.slot.free { background: none; border: 1px dashed var(--line-2); }
.slot.free:hover { border-color: var(--gold); background: var(--gold-soft); }
.slot.free small { color: var(--muted-2); }
.slot.shabbos { border: 0; cursor: default; opacity: .45; }
.slot.busy.ok { background: var(--ok-soft); border-color: #bfe5d6; }
.slot.busy.part { background: var(--part-soft); border-color: #f1dfaa; }
.slot.busy.none { background: #eef0f4; border-color: #d9dde6; }
.slot.busy.late { border-color: var(--none); }
.slot.busy:hover { filter: brightness(.97); }
.slot.blocked { background: repeating-linear-gradient(135deg, #e7e4ef 0 6px, #f3f1f7 6px 12px); border-color: #c9c3d8; }
.slot.blocked b { display: flex; align-items: center; gap: 3px; color: #4f4a68; }
.slot.blocked b .ic { width: 13px; height: 13px; }
.slot.blocked:hover { border-color: #4f4a68; }
.slot.free.sh { border-color: #e2cf9b; background: #fbf6e8; }
.slot.free.sh:hover { border-color: var(--gold); background: var(--gold-soft); }
.slot.busy.sh { box-shadow: inset 0 0 0 1px rgba(184, 137, 43, .35); }
.slot.free .sl-h, .slot.sh .sl-h { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cal-key i.sh { background: #fbf6e8; border: 1px dashed #e2cf9b; }
.cal-key i.blk { background: repeating-linear-gradient(135deg, #d8d3e4 0 3px, #f3f1f7 3px 6px); border: 1px solid #c9c3d8; }
.pick2 { display: grid; gap: 8px; padding: 4px 18px 0; }
.ask .hint { padding: 0 18px 16px; }
.blk-info { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 12px; background: #f3f1f7; border: 1px solid #ddd8e8; color: #4f4a68; }
.blk-info b { display: block; color: var(--ink); }
.blk-info small { color: var(--muted); }
.cal-key { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 12.5px; color: var(--ink-2); padding: 10px 4px 2px; }
.cal-key span { display: inline-flex; align-items: center; gap: 6px; }
.cal-key i { width: 14px; height: 14px; border-radius: 4px; display: inline-block; }
.cal-key i.ok { background: var(--ok-soft); border: 1px solid #bfe5d6; } .cal-key i.part { background: var(--part-soft); border: 1px solid #f1dfaa; }
.cal-key i.none { background: #eef0f4; border: 1px solid #d9dde6; } .cal-key i.free { border: 1px dashed var(--line-2); }

@media (max-width: 900px) {
  .frow.three { grid-template-columns: 1fr 1fr; }
  .cal-head { display: none; }
  .cal { grid-template-columns: minmax(0, 1fr); }
  .cal-d { min-height: 0; grid-template-rows: auto; grid-template-columns: 74px 1fr 1fr; align-items: stretch; }
  .cal-d.out { display: none; }
  .cal-n { flex-direction: column; justify-content: center; align-items: flex-start; }
}
@media print {
  .cal-d { min-height: 90px; }
  .slot.free { visibility: hidden; }
}

/* ---------- הוצאה ותשלומים ---------- */
.tag.pay { background: #fdeee6; color: var(--exp-ink); }
.paybox { border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px; background: var(--surface-2); display: grid; gap: 10px; }
.paybox h4 { display: flex; align-items: center; gap: 6px; font-size: 14.5px; color: var(--ink); }
.paybox h4 .ic { color: var(--gold); width: 18px; height: 18px; }
.paybox .seg.pseg { display: flex; margin: 0; }
.paybox .seg.pseg button { flex: 1; min-height: 38px; font-weight: 600; }
.paybox .grid-t { width: 100%; }
.pay-sum { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; font-size: 14px; }
.note-bar { display: flex; align-items: center; gap: 10px; padding: 10px 14px; margin: -4px 0 14px; border-radius: 12px; background: var(--none-soft); border: 1px solid #f0c9c4; color: #7a231c; text-decoration: none; font-size: 14px; }
.note-bar .ic { color: var(--neg); }
.note-bar small { margin-inline-start: auto; color: var(--neg); font-weight: 600; }
.tx td.kp small { display: block; color: var(--muted); font-size: 11.5px; margin-top: 2px; }

/* ---------- סיווג ---------- */
.clsb { display: inline-block; padding: 1px 9px; border-radius: 20px; background: var(--gold-soft); color: #7a5a12; font-size: 12px; font-weight: 600; white-space: nowrap; }
.catline .muted { min-width: 26px; text-align: center; }

/* ---------- מחיקת קופה ---------- */
.kcard { position: relative; }
.kc-del { position: absolute; top: 8px; left: 8px; width: 28px; height: 28px; border-radius: 8px; border: 0; background: transparent; color: var(--muted-2); cursor: pointer; display: grid; place-items: center; opacity: 0; transition: opacity .15s, background .15s; }
.kc-del .ic { width: 15px; height: 15px; }
.kcard:hover .kc-del, .kc-del:focus-visible { opacity: 1; }
.kc-del:hover { background: var(--none-soft); color: var(--neg); }
@media (hover: none) { .kc-del { opacity: .7; } }
.radio-row { display: flex !important; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; cursor: pointer; }
.radio-row input { width: auto !important; min-height: 0 !important; margin-top: 4px; }
.radio-row b { display: block; color: var(--ink); font-size: 14px; }
.radio-row small { display: block; color: var(--muted) !important; font-weight: 400 !important; font-size: 12.5px !important; }
.ask .fbody { padding-top: 4px; }

/* ---------- טעינה מאקסל ---------- */
.modal.xl { width: min(1040px, 100%); }
.imp-body { padding: 4px 18px 6px; display: grid; gap: 12px; }
.imp-p { margin: 0; color: var(--ink-2); font-size: 14px; }
.imp-fields { display: flex; flex-wrap: wrap; gap: 6px; }
.imp-f { padding: 3px 10px; border-radius: 20px; background: var(--surface-2); border: 1px solid var(--line); font-size: 12.5px; color: var(--ink-2); }
.imp-f.req { border-color: var(--gold-2); color: #7a5a12; font-weight: 600; }
.imp-drop { display: grid; justify-items: center; gap: 4px; padding: 26px 16px; border: 2px dashed var(--line-2); border-radius: 16px; background: var(--surface-2); cursor: pointer; text-align: center; transition: border-color .15s, background .15s; }
.imp-drop:hover, .imp-drop.on { border-color: var(--gold); background: var(--gold-soft); }
.imp-drop .ic { width: 30px; height: 30px; color: var(--gold); }
.imp-drop b { font-size: 16px; }
.imp-drop small { color: var(--muted); }
.imp-file { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; font-size: 14px; }
.imp-file .ic { color: var(--gold); }
.imp-file label { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; }
.imp-map { border: 1px solid var(--line); border-radius: 12px; padding: 8px 12px; background: var(--surface); }
.imp-map summary { cursor: pointer; font-weight: 600; font-size: 14px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.imp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px 12px; margin-top: 10px; }
.imp-grid label { display: grid; gap: 3px; font-size: 12.5px; color: var(--ink-2); font-weight: 500; }
.imp-grid select { width: 100%; min-height: 36px; font-size: 13.5px; }
.imp-grid.defs { margin-top: 0; padding: 10px 12px; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--line); }
.imp-opt { display: flex; gap: 8px; align-items: flex-start; font-size: 13.5px; color: var(--ink-2); }
.imp-opt input { margin-top: 3px; }
.imp-sum { display: flex; flex-wrap: wrap; gap: 8px; }
.imp-sum .st { font-size: 13px; padding: 4px 12px; }
.imp-note { font-size: 13px; color: var(--ink-2); background: #fbf6e8; border: 1px solid #efe1b8; border-radius: 10px; padding: 7px 10px; }
.imp-prev { max-height: 46vh; overflow: auto; border: 1px solid var(--line); border-radius: 12px; }
.imp-prev .grid-t { width: 100%; }
.imp-prev tr.bad { background: #fff6f5; }
.imp-prev tr.skip { opacity: .65; }
.imp-prev td small { display: block; color: var(--chq-ink); font-size: 11.5px; }
.imp-prev .st { white-space: normal; }
.imp-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 8px; margin-top: 8px; }
.imp-li { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-2); }
.imp-li b { flex: 1; font-size: 14px; }
.card-h .btn-row { gap: 6px; }

/* ---------- "＋ הוספה" בבוררים ---------- */
.adder { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 8px 10px; border: 1px dashed var(--gold-2); border-radius: 12px; background: var(--gold-soft); margin-top: -4px; }
.adder input { flex: 1 1 160px; min-height: 38px !important; font-size: 14.5px !important; }
.adder select { flex: 0 1 180px; min-height: 38px !important; font-size: 14px !important; width: auto !important; }
.adder .adder-err { flex-basis: 100%; color: var(--neg); font-size: 12.5px; }
.adder .adder-err:empty { display: none; }

/* ---------- כניסה (שרת) ---------- */
.lg-card.gate h2 { font-family: var(--serif); color: #f6ecd2; font-size: 22px; margin: 14px 0 4px; }
.lg-card.gate .lg-sub { color: #c9b78a; }
.lg-field { display: block; margin-top: 12px; }
.lg-field span { font-size: 13px; color: #b9c3d6; }
.lg-field input { width: 100%; margin-top: 6px; font-size: 17px; padding: 10px 12px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .08); color: #fff; min-height: 50px; }
.lg-field input:focus { border-color: var(--gold-2); box-shadow: 0 0 0 3px rgba(217, 178, 90, .25); }
.lg-card .btn.big { width: 100%; margin-top: 16px; }
.lg-note { margin-top: 10px; padding: 8px 10px; border-radius: 10px; background: rgba(217, 178, 90, .14); color: #f1e2b6; font-size: 13.5px; }
.gate-opts { display: grid; gap: 10px; margin-top: 14px; }
.gate-opts .btn { flex-direction: column; align-items: stretch; text-align: right; white-space: normal; padding: 12px 14px; }
.gate-opts .btn small { display: block; font-weight: 400; font-size: 12.5px; opacity: .85; margin-top: 2px; }
.modal.dark { background: #13233f; color: #fff; }
.pw-modal { padding: 18px; }
.pw-modal h2 { color: #f6ecd2; }
.sync-st { font-size: 11.5px; }
.sync-st.ok { color: #8fd3b3; } .sync-st.saving { color: #e3cf9c; } .sync-st.error { color: #ff9c8f; font-weight: 700; }

/* ---------- מי רשם ומתי ---------- */
.who { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 2px 18px 0; padding: 7px 10px; border-radius: 10px; background: var(--surface-2); color: var(--muted); font-size: 12.5px; }
.who .ic { width: 14px; height: 14px; color: var(--gold); }
.who b { color: var(--ink-2); font-weight: 600; }
.who i { font-style: normal; margin: 0 4px; }
.who .btn.link { margin-inline-start: auto; font-size: 12.5px; }
.fbody .who { margin: 0; }
.hist-l { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.hist-l li { border: 1px solid var(--line); border-radius: 12px; padding: 8px 10px; }
.hist-h { display: flex; gap: 6px; align-items: baseline; flex-wrap: wrap; font-size: 13.5px; }
.hist-h span { margin-inline-start: auto; color: var(--muted); font-size: 12.5px; }
.hist-l .grid-t { width: 100%; margin-top: 6px; }
.hist-l td.was { color: var(--muted); text-decoration: line-through; }

/* ---------- לבדיקה ---------- */
.slot.busy.chk { box-shadow: inset 0 0 0 2px #e08a00; }
.chk-dot { display: inline-grid; place-items: center; width: 14px; height: 14px; border-radius: 50%; background: #e08a00; color: #fff; font-style: normal; font-size: 10px; font-weight: 800; margin-inline-end: 3px; vertical-align: 1px; }
.chk-box { display: flex; gap: 10px; align-items: center; margin: 0 18px 8px; padding: 10px 12px; border-radius: 12px; background: #fff4e0; border: 1px solid #f0cf8f; color: #6b4300; }
.chk-box > div { flex: 1; display: grid; }
.chk-box b { font-size: 14px; }
.chk-box span { font-size: 13px; }
.tx td small.chk-l { color: #b06a00; font-weight: 600; }
.note-bar.warn { background: #fff4e0; border-color: #f0cf8f; color: #6b4300; }
.note-bar.warn .ic, .note-bar.warn small { color: #b06a00; }

/* ---------- מקדמה ועומד להימחק ---------- */
.slot.busy.risk { background: var(--none-soft); border-color: var(--none); }
.slot.busy.risk em { color: var(--none); font-weight: 700; }
.tent-box { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 0 18px 8px; padding: 10px 12px; border-radius: 12px; background: #f6f0ff; border: 1px dashed #a98bd6; color: #4b2f7a; font-size: 13px; }
.tent-box > div { flex: 1; display: grid; min-width: 200px; }
.tent-box b { font-size: 14px; }
.tent-box.gone { background: #fff4e0; border-color: #f0cf8f; color: #6b4300; }
.tent-seg { margin-bottom: 4px; }
.slot.busy.tent { background: #f6f0ff; border: 1px dashed #a98bd6; color: #4b2f7a; }
.slot.busy.tent.gone { background: #fafafa; border-color: #d9c8a0; color: var(--ink-2); opacity: .8; }
.slot.busy.tent em { font-style: normal; font-size: 11px; }
.cal-key i.tent { background: #f6f0ff; border: 1px dashed #a98bd6; }
.imp-hint { color: #6b4300; background: #fff4e0; border: 1px solid #f0cf8f; border-radius: 10px; padding: 8px 12px; }
.bump-box { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 0 18px 8px; padding: 10px 12px; border-radius: 12px; background: #eef1fb; border: 1px solid #c9d1ef; color: #2f3a66; font-size: 13px; }
.bump-box > div { flex: 1; display: grid; min-width: 200px; }
.bump-box b { font-size: 14px; }
.bump-box.done { background: var(--ok-soft); border-color: #b7dfcc; color: #0f6e4d; }
.bump-box.gone { background: #eef0f4; border-color: var(--line); color: var(--ink-2); }
.bump-acts { display: flex; gap: 6px; flex-wrap: wrap; }
.slot.busy.bump { outline: 2px dashed #7d8cc9; outline-offset: -3px; }
.bump-i { font-style: normal; font-weight: 700; color: #3b4a8f; margin-inline-end: 3px; }
.ferr .btn { margin-inline-start: 6px; }
.dep-box { display: flex; gap: 10px; align-items: center; margin: 0 18px 8px; padding: 10px 12px; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--line); color: var(--ink-2); font-size: 13px; }
.dep-box > div { display: grid; }
.dep-box b { font-size: 14px; color: var(--ink); }
.dep-box.ok { background: var(--ok-soft); border-color: #bfe5d6; }
.dep-box.wait { background: var(--part-soft); border-color: #f1dfaa; }
.dep-box.risk, .dep-box.late { background: var(--none-soft); border-color: #f0c9c4; }
.dep-box.risk b { color: var(--none); }
.alerts-mails { display: grid; gap: 4px; margin-top: 10px; font-size: 13px; color: var(--ink-2); }
.alerts-mails textarea { width: 100%; border: 1px solid var(--line-2); border-radius: 10px; padding: 8px 10px; font-size: 14px; }
.alerts-row label { display: grid; gap: 4px; font-size: 13px; color: var(--ink-2); }

/* ---------- מחירון ---------- */
.price-row { display: grid; gap: 6px; }
.price-row .seg { margin: 0; }
.price-hint { font-size: 13px; color: var(--ink-2); }
.price-t input { width: 110px; min-height: 36px; text-align: center; }
.price-t th { white-space: nowrap; }
.price-strip { display: flex; align-items: center; gap: 10px; padding: 9px 14px; margin: -4px 0 12px; border-radius: 12px; background: var(--gold-soft); border: 1px solid #ecd9a6; color: #5f4612; text-decoration: none; font-size: 13.5px; }
.price-strip .ic { color: var(--gold); }
.price-strip span { flex: 1; min-width: 0; }
.price-strip small { color: #8a6516; font-weight: 600; white-space: nowrap; }