/* מסחרי ונקי, כמו מחסן סיטונאי מסודר: כחול מותג לפעולה, כתום לפעולה ראשית אחת, ירוק למלאי.
   טלפון קודם: הסל והזמנה חדשה תמיד למעלה, לשוניות נגללות, רשת מוצרים 2 עד 4 עמודות. */
:root {
  --bg: #f4f6fb; --surface: #ffffff; --ink: #1b1f2e; --muted: #5a6378; --line: #dde2ee;
  --primary: #142c73; --on-primary: #ffffff; --primary-soft: #e8ecf8;
  --accent: #f29109; --accent-soft: #fff1da; --accent-ink: #8a4f00; --on-accent: #1b1200;
  --good: #0c6b5e; --good-bg: #dff2ee; --warn: #8a4f00; --warn-bg: #fff1da; --hot: #b3261e; --hot-bg: #fde8e6;
  --img-bg: #f1f3f9; --logo-filter: none;
  --display: "Rubik", "Assistant", system-ui, sans-serif;
  --body: "Assistant", "Rubik", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --bg: #0d1226; --surface: #151b34; --ink: #e8ebf5; --muted: #9aa4be; --line: #27304f;
  --primary: #4466e0; --on-primary: #ffffff; --primary-soft: #1b2650;
  --accent: #f5a02e; --accent-soft: #3a2a0c; --accent-ink: #f5b963; --on-accent: #1b1200;
  --good: #6fd1bf; --good-bg: #0f2f2a; --warn: #f5b963; --warn-bg: #3a2a0c; --hot: #f2958b; --hot-bg: #3a1c1a;
  --img-bg: #ffffff; --logo-filter: invert(1);
  color-scheme: dark; } }
:root[data-theme="dark"] {
  --bg: #0d1226; --surface: #151b34; --ink: #e8ebf5; --muted: #9aa4be; --line: #27304f;
  --primary: #4466e0; --on-primary: #ffffff; --primary-soft: #1b2650;
  --accent: #f5a02e; --accent-soft: #3a2a0c; --accent-ink: #f5b963; --on-accent: #1b1200;
  --good: #6fd1bf; --good-bg: #0f2f2a; --warn: #f5b963; --warn-bg: #3a2a0c; --hot: #f2958b; --hot-bg: #3a1c1a;
  --img-bg: #ffffff; --logo-filter: invert(1);
  color-scheme: dark; }

html { direction: rtl; }
body { background: var(--bg); color: var(--ink); font-family: var(--body); font-size: 16px; line-height: 1.5; }
.wrap { max-width: 1120px; margin: 0 auto; padding-inline: max(16px, env(safe-area-inset-left, 0px)) max(16px, env(safe-area-inset-right, 0px)); padding-block: 0 96px; }
button { font: inherit; color: inherit; cursor: pointer; }
button:focus-visible, input:focus-visible, select:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

.demo-note { background: var(--accent-soft); color: var(--accent-ink); font-size: 13.5px; padding: 8px 12px; border-radius: 8px; margin-block: 12px 0; }
header.top { display: flex; align-items: center; gap: 10px; padding-block: 12px; flex-wrap: wrap; position: sticky; top: env(safe-area-inset-top, 0px); background: var(--bg); z-index: 4; }
.logo { height: 28px; width: auto; filter: var(--logo-filter); }
.who { font-size: 13px; color: var(--muted); line-height: 1.2; }
.who b { display: block; color: var(--ink); font-family: var(--display); font-weight: 600; font-size: 14px; }
.spacer { margin-inline-start: auto; }
.btn { background: var(--primary); color: var(--on-primary); border: 0; border-radius: 10px; padding: 10px 14px; font-weight: 700; }
.btn.alt { background: var(--accent); color: var(--on-accent); }
.btn.ghost { background: var(--surface); color: var(--ink); border: 1px solid var(--line); font-weight: 600; }
.btn.sm { padding: 6px 10px; font-size: 14px; }
.btn[disabled] { opacity: .5; cursor: default; }
.cartchip { display: flex; align-items: center; gap: 8px; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 8px 12px; font-weight: 700; font-variant-numeric: tabular-nums; }
.cartchip .n { background: var(--accent); color: var(--on-accent); min-width: 22px; height: 22px; border-radius: 99px; display: inline-grid; place-items: center; font-size: 13px; padding-inline: 5px; }
.cartchip[data-empty="true"] .n { background: var(--line); color: var(--muted); }

.banner { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; background: var(--primary-soft); border-radius: 12px; padding: 10px 14px; margin-bottom: 12px; }
.banner[hidden] { display: none; }
.banner b { font-family: var(--display); }
.banner .acts { margin-inline-start: auto; display: flex; gap: 8px; }

.finder { display: grid; gap: 8px; margin-bottom: 10px; }
.finder .row { display: flex; gap: 8px; }
.finder input { flex: 1 1 0; width: 0; min-width: 0; font: inherit; background: var(--surface); color: var(--ink); border: 1px solid var(--line); border-radius: 10px; padding: 11px 14px; }
.brandbtn { display: flex; align-items: center; gap: 8px; background: var(--accent); color: var(--on-accent); border: 0; border-radius: 10px; padding: 11px 16px; font-family: var(--display); font-weight: 700; font-size: 16px; white-space: nowrap; box-shadow: 0 2px 0 rgba(0,0,0,.12); }
.brandbtn[data-on="true"] { background: var(--primary); color: var(--on-primary); }
.brandbtn .x { opacity: .8; margin-inline-start: 2px; }
@media (min-width: 760px) { .finder { grid-template-columns: 1fr; max-width: 640px; } }

nav.tabs { display: flex; gap: 2px; border-bottom: 1px solid var(--line); margin-bottom: 14px; overflow-x: auto; scrollbar-width: thin; }
nav.tabs button { background: none; border: 0; padding: 10px 12px; font-weight: 600; color: var(--muted); border-bottom: 3px solid transparent; white-space: nowrap; }
nav.tabs button small { background: var(--primary-soft); color: var(--muted); border-radius: 99px; padding: 0 7px; margin-inline-start: 4px; font-size: 12px; }
nav.tabs button[aria-selected="true"] { color: var(--primary); border-bottom-color: var(--accent); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) nav.tabs button[aria-selected="true"] { color: var(--ink); } }
:root[data-theme="dark"] nav.tabs button[aria-selected="true"] { color: var(--ink); }

.chips { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 6px; margin-bottom: 8px; scrollbar-width: thin; }
.chip { flex: none; background: var(--surface); border: 1px solid var(--line); border-radius: 99px; padding: 7px 14px; font-weight: 600; font-size: 14.5px; }
.chip small { color: var(--muted); font-weight: 400; margin-inline-start: 4px; }
.chip[aria-pressed="true"] { background: var(--primary); border-color: var(--primary); color: var(--on-primary); }
.chip[aria-pressed="true"] small { color: inherit; opacity: .8; }

h2 { font-family: var(--display); font-weight: 600; font-size: 19px; margin: 20px 0 10px; text-wrap: balance; }
h2 small { font: 400 14px var(--body); color: var(--muted); margin-inline-start: 8px; }
.lead { color: var(--muted); font-size: 14.5px; margin: 0 0 12px; }
.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (min-width: 760px) { .grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; display: flex; flex-direction: column; overflow: hidden; min-width: 0; }
.card .pic { background: var(--img-bg); aspect-ratio: 1; display: grid; place-items: center; position: relative; cursor: pointer; }
.card .pic img { width: 100%; height: 100%; object-fit: contain; }
.card .pic .soon { color: #7a8299; font-size: 13px; text-align: center; padding: 12px; }
.card .body { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 4px; flex: 1; }
.brand { font-size: 12.5px; font-weight: 700; color: var(--muted); letter-spacing: .03em; }
.name { font-weight: 600; font-size: 15px; line-height: 1.3; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; unicode-bidi: plaintext; text-align: start; cursor: pointer; }
.price { font-family: var(--display); font-weight: 700; font-size: 20px; font-variant-numeric: tabular-nums; margin-top: auto; padding-top: 6px; }
.price small { font: 400 12.5px var(--body); color: var(--muted); display: block; }
.tags { display: flex; gap: 4px; flex-wrap: wrap; }
.tag { display: inline-block; font-size: 12px; font-weight: 700; padding: 1px 8px; border-radius: 99px; width: fit-content; }
.tag.stock { color: var(--good); background: var(--good-bg); }
.tag.low { color: var(--warn); background: var(--warn-bg); }
.tag.new { color: var(--on-primary); background: var(--primary); }
.tag.hot { color: var(--hot); background: var(--hot-bg); }
.rank { position: absolute; top: 8px; inset-inline-end: 8px; background: var(--accent); color: var(--on-accent); font-family: var(--display); font-weight: 700; width: 28px; height: 28px; border-radius: 99px; display: grid; place-items: center; font-size: 14px; }
.fav { position: absolute; top: 8px; inset-inline-start: 8px; background: rgba(255,255,255,.92); color: #142c73; border: 1px solid #dde2ee; border-radius: 99px; padding: 3px 9px; font-size: 12.5px; font-weight: 700; }
.fav[aria-pressed="true"] { background: var(--accent); color: #1b1200; border-color: var(--accent); }
.add { display: flex; gap: 6px; align-items: center; margin-top: 8px; }
.add .btn { flex: 1; }
.qty { display: flex; align-items: center; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.qty button { background: var(--surface); border: 0; width: 34px; height: 38px; font-size: 18px; }
.qty span { min-width: 30px; text-align: center; font-variant-numeric: tabular-nums; font-weight: 600; }
.sub { font-size: 12.5px; color: var(--muted); }

.rowlist { display: grid; gap: 8px; }
.rline { display: grid; grid-template-columns: 56px 1fr auto; gap: 10px; align-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 8px 10px; }
.rline img, .rline .ph, .line img, .line .ph, .editline img, .editline .ph { width: 56px; height: 56px; object-fit: contain; background: var(--img-bg); border-radius: 8px; display: grid; place-items: center; font-size: 11px; color: #7a8299; }
.rline .n { font-size: 14.5px; font-weight: 600; unicode-bidi: plaintext; text-align: start; overflow-wrap: anywhere; }
.rline .side { display: grid; gap: 6px; justify-items: end; }
.bar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; }
.seg { display: inline-flex; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.seg button { background: var(--surface); border: 0; padding: 8px 14px; font-weight: 600; color: var(--muted); }
.seg button[aria-pressed="true"] { background: var(--primary); color: var(--on-primary); }
.empty { color: var(--muted); padding: 24px 0; }

details.order { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; margin-bottom: 8px; }
details.order summary { list-style: none; cursor: pointer; padding: 12px 14px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
details.order summary::-webkit-details-marker { display: none; }
details.order .inner { padding: 0 14px 14px; display: grid; gap: 8px; }
.pill { font-size: 12.5px; font-weight: 700; padding: 1px 9px; border-radius: 99px; }
.pill.ok { color: var(--good); background: var(--good-bg); } .pill.wait { color: var(--warn); background: var(--warn-bg); }
.steps { display: flex; gap: 6px; flex-wrap: wrap; }
.steps span { font-size: 12.5px; padding: 2px 9px; border-radius: 99px; background: var(--primary-soft); color: var(--muted); }
.steps span.on { background: var(--good-bg); color: var(--good); font-weight: 700; }

.sheet { position: fixed; inset: 0; z-index: 10; background: rgba(8, 12, 28, .55); display: flex; justify-content: center; align-items: flex-end; }
.sheet[hidden] { display: none; }
.panel { background: var(--surface); width: min(640px, 100%); max-height: 92%; overflow: auto; border-radius: 16px 16px 0 0; padding: 18px max(16px, env(safe-area-inset-left, 0px)) calc(18px + env(safe-area-inset-bottom, 0px)); }
.panel h2 { margin-top: 0; display: flex; justify-content: space-between; align-items: center; }
.x { background: none; border: 0; font-size: 24px; color: var(--muted); }
.brands { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 520px) { .brands { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.btile { background: var(--surface); border: 2px solid var(--line); border-radius: 12px; padding: 16px 10px; text-align: center; font-family: var(--display); font-weight: 700; font-size: 16px; overflow-wrap: anywhere; }
.btile small { display: block; font: 400 13px var(--body); color: var(--muted); margin-top: 2px; }
.btile[aria-pressed="true"] { border-color: var(--accent); background: var(--accent-soft); }
.opt { display: grid; gap: 8px; }
.opt button { text-align: start; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; }
.opt button b { display: block; font-family: var(--display); }
.opt button span { color: var(--muted); font-size: 14px; }
.opt button:hover { border-color: var(--accent); }
.line { display: grid; grid-template-columns: 56px 1fr auto; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--line); }
.line .p { font-variant-numeric: tabular-nums; font-weight: 600; text-align: end; }
.totals { display: grid; gap: 4px; margin-block: 12px; font-variant-numeric: tabular-nums; }
.totals div { display: flex; justify-content: space-between; gap: 12px; }
.totals .big { font-family: var(--display); font-weight: 700; font-size: 20px; }
.credit { background: var(--primary-soft); border-radius: 10px; padding: 10px 12px; font-size: 14.5px; margin-block: 10px; }
.rail { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 8px; }
.rail .card { flex: none; width: 150px; }
.note { font-size: 13px; color: var(--muted); }
table { width: 100%; border-collapse: collapse; background: var(--surface); border: 1px solid var(--line); font-size: 15px; font-variant-numeric: tabular-nums; }
th, td { padding: 9px 12px; text-align: start; border-bottom: 1px solid var(--line); }
th { color: var(--muted); font-size: 13px; }
.tbl { overflow-x: auto; border-radius: 12px; }
.credit.big { font-family: var(--display); }
.theme { background: none; border: 1px solid var(--line); border-radius: 8px; padding: 5px 10px; font-size: 13px; color: var(--muted); }

.bl { height: 40px; display: grid; place-items: center; margin-bottom: 6px; }
.bl img { max-height: 36px; max-width: 100%; filter: var(--logo-filter); }
.bl .wm { font-family: var(--display); font-weight: 800; letter-spacing: .06em; font-size: 17px; color: var(--primary); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .bl .wm { color: var(--ink); } }
:root[data-theme="dark"] .bl .wm { color: var(--ink); }
.periods { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }
.dates { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 10px; }
.dates label { font-size: 14px; color: var(--muted); display: flex; gap: 6px; align-items: center; }
.dates input { font: inherit; background: var(--surface); color: var(--ink); border: 1px solid var(--line); border-radius: 8px; padding: 7px 10px; }
.finddoc { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; margin-bottom: 12px; }
.finddoc input { flex: 1 1 160px; min-width: 0; font: inherit; background: var(--bg); color: var(--ink); border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; }
.sumrow td { font-weight: 700; background: var(--primary-soft); }
.dl { background: none; border: 1px solid var(--line); border-radius: 8px; padding: 3px 9px; font-size: 13px; font-weight: 600; color: var(--primary); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .dl { color: var(--ink); } }
:root[data-theme="dark"] .dl { color: var(--ink); }
.toast { position: fixed; inset-inline: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 20; background: var(--primary); color: var(--on-primary); padding: 12px 16px; border-radius: 12px; max-width: 560px; margin-inline: auto; }
.toast[hidden] { display: none; }
.rmbtn { background: none; border: 0; color: var(--muted); font-size: 13px; text-decoration: underline; padding: 4px; }
.editline { display: grid; grid-template-columns: 56px 1fr auto; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--line); }
.editline .side { display: grid; justify-items: end; gap: 4px; }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }

/* ---- אפליקציה אמיתית ---- */
body { margin: 0; }
.login { min-height: 100vh; display: grid; place-items: center; padding: 24px 16px; }
.login .box { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 28px 22px; width: min(420px, 100%); display: grid; gap: 14px; }
.login img { height: 34px; justify-self: center; filter: var(--logo-filter); }
.login h1 { font-family: var(--display); font-size: 22px; margin: 0; text-align: center; }
.login p { margin: 0; color: var(--muted); text-align: center; font-size: 15px; }
.login input { font: inherit; font-size: 18px; background: var(--bg); color: var(--ink); border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px; width: 100%; box-sizing: border-box; text-align: center; }
.login input[inputmode="numeric"] { letter-spacing: .4em; font-size: 24px; }
.login .err { color: var(--hot); font-size: 14px; min-height: 20px; text-align: center; }
.login .pick { display: grid; gap: 8px; max-height: 50vh; overflow: auto; }
.login .pick button { text-align: start; }
.viewas { background: var(--accent-soft); color: var(--accent-ink); padding: 8px 12px; border-radius: 10px; margin-bottom: 10px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.viewas .btn { padding: 4px 10px; }
[hidden] { display: none !important; }
.ph-img { color: #7a8299; font-size: 12px; text-align: center; padding: 10px; }
.sourcetag { font-size: 12px; color: var(--muted); }
.pricerow { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.err-line { outline: 2px solid var(--hot); outline-offset: -2px; border-radius: 10px; }
.errtext { color: var(--hot); font-size: 13px; font-weight: 600; }
.printhead { display: none; }
@media print {
  body { background: #fff; color: #000; }
  header.top, nav.tabs, .finder, .demo-note, .banner, .viewas, .cartbar, .sheet, .toast, .periods, .dates, .finddoc, .bar, .dl, #v-cat, #v-new, #v-hot, #v-mine, #v-std, #v-orders { display: none !important; }
  .printhead { display: block; margin-bottom: 12px; }
  #v-ledger { display: block !important; }
  table { border: 1px solid #999; }
}

.sitebox { display: grid; gap: 6px; margin-bottom: 12px; }
.sitebox label { font-weight: 700; font-size: 14px; }
.sitebox select { font: inherit; background: var(--bg); color: var(--ink); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; }
.sitepick { display: grid; gap: 8px; }
.sitepick button { text-align: start; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; }
.sitepick button[aria-pressed="true"] { border-color: var(--accent); background: var(--accent-soft); }
.sitepick button b { display: block; font-family: var(--display); }
.sitepick button span { color: var(--muted); font-size: 14px; }

.linkbtn { background: none; border: 0; color: var(--accent); text-decoration: underline; padding: 0; font: inherit; cursor: pointer; }

.totals .trow { display: flex; justify-content: space-between; color: var(--muted); font-size: 15px; padding: 2px 0; }

.svc { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 16px; margin-top: 12px; }
.svc h3 { margin: 0 0 6px; font-family: var(--display); }
.svc p { margin: 4px 0; color: var(--muted); }
.svcbtns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.svcbtns .btn { text-decoration: none; display: inline-flex; align-items: center; }

/* לוגואים צבעוניים של מותגים: על משטח לבן, כדי שיהיו קריאים גם במצב כהה */
.bl:has(img:not([src$="/logo.png"])) { background: #fff; border-radius: 8px; padding: 4px 8px; }
.bl img:not([src$="/logo.png"]) { filter: none; max-height: 32px; }
.bl img.bc, .bl img:not([src$="/logo.png"]) { max-height: 34px; }

.promoline { font-size: 13px; color: var(--muted); margin-top: 4px; }
.promoline.hot { color: var(--ok, #108474); font-weight: 600; }
.promonote { margin-top: 6px; }

.promobox { margin-top: 10px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--accent-soft); }
.pbt { font: 700 13px var(--display); color: var(--primary); margin-bottom: 6px; }
.pbchips { display: flex; flex-wrap: wrap; gap: 6px; }
.pbchip { font: inherit; color: inherit; cursor: pointer; display: inline-flex; flex-direction: column; align-items: center; padding: 4px 10px; border-radius: 8px; border: 1px solid var(--line); background: var(--surface); line-height: 1.2; }
.pbchip b { font-family: var(--display); font-size: 15px; }
.pbchip small { font-size: 11px; color: var(--muted); }
.pbchip.good { border-color: #108474; }
.pbchip.good small { color: #108474; font-weight: 600; }
.pbnote { font-size: 12px; color: var(--muted); margin-top: 6px; }

/* טפסי ניהול (הטבות, קמפיין): תווית מעל השדה, שדות מלאי רוחב */
#step-promos, #step-campaign { display: grid; gap: 12px; }
#step-promos label, #step-campaign label { display: grid; gap: 6px; text-align: start; font-weight: 600; font-size: 14px; }
#step-promos input, #step-promos textarea, #step-campaign input, #step-campaign textarea, #step-campaign select {
  font: inherit; font-size: 16px; font-weight: 400; background: var(--bg); color: var(--ink); border: 1px solid var(--line);
  border-radius: 10px; padding: 10px 12px; width: 100%; box-sizing: border-box; text-align: start; resize: vertical;
}
#step-promos textarea, #step-campaign textarea { min-height: 90px; line-height: 1.5; }
#step-promos .btn, #step-campaign .btn { width: 100%; justify-content: center; }
.login .box > *, #step-promos > *, #step-campaign > * { min-width: 0; }
#step-promos p, #step-campaign p { overflow-wrap: anywhere; }
.login .box { box-sizing: border-box; }
.creditover { margin-top: 6px; padding: 8px 10px; border-radius: 8px; background: #fdecec; color: var(--hot, #d20404); font-weight: 600; font-size: 14px; }
.tag.soon { background: #e8f3ff; color: #1b4f9c; }
.sku { display: block; font-size: 12.5px; color: var(--muted); margin-top: 2px; user-select: none; }
.sku .skunum { user-select: all; cursor: copy; text-decoration: underline dotted; }

.pbchip:hover { background: var(--accent-soft); }
.pbchip:active { transform: scale(.97); }
.pbchip:focus-visible { outline: 3px solid var(--alt, #f29109); outline-offset: 2px; }
.pbchip.sm { padding: 2px 8px; }
.pbchip.sm b { font-size: 13px; }

/* מצב חשבון בראש העמוד */
.acct { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; margin: 10px 0 4px; }
.atiles { display: flex; flex-wrap: wrap; gap: 8px; flex: 1; min-width: 0; }
.at { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 8px 12px; display: grid; gap: 1px; min-width: 120px; align-content: start; }
.at .al { font-size: 12px; color: var(--muted); }
.at b { font-family: var(--display); font-size: 19px; }
.at small { font-size: 11.5px; color: var(--muted); }
.at.main { border-color: #108474; background: var(--good-bg, #e7f6f3); }
.at.main b { color: #108474; }
.at.bad { border-color: #d20404; background: #fdecec; }
.at.bad b, .at.bad small { color: #d20404; }
.at.ok b { color: #108474; }
.acct .btn.sm { flex-shrink: 0; }
@media (max-width: 719px) { .acct { margin: 10px 0 4px; display: grid; gap: 8px; } .atiles { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .at.main { grid-column: 1 / -1; } .acct .btn.sm { width: 100%; justify-content: center; } }
.acctmeta { font-size: 12px; color: var(--muted); align-self: center; }

/* מסך נעילה (רק באפליקציה בחנויות) */
.lock { position: fixed; inset: 0; z-index: 1000; background: var(--bg, #fff); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 24px; text-align: center; }
.lock[hidden] { display: none; }
.lock .logo { height: 40px; }
.lock .btn { min-width: 220px; }

.launchbar{background:linear-gradient(90deg,#d20404,#f29109);color:#fff;text-align:center;padding:9px 14px;font-size:14px;line-height:1.4}
.launchbar b{font-weight:700}