/* עיצוב "עיפרון צהוב": נייר משבצות, גרפיט וצהוב. צהוב רק כרקע של הפעולה הראשית (טקסט גרפיט עליו), אף פעם לא כטקסט על לבן. משקל גופן מקסימלי 700. */
@font-face{font-family:"Rubik";src:url(/vendor/fonts/rubik-hebrew-wght-normal.woff2) format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Rubik";src:url(/vendor/fonts/rubik-latin-wght-normal.woff2) format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#FFFCF3;--panel:#ffffff;--line:#EFE6D0;--ink:#1F2024;--muted:#6A6559;--accent:#FFC21A;--accent-2:#F2A800;--accent-ink:#8A5800;--soft:#FFF2C4;--field:#FFFDF7;--chip:#F4EFE3;--okbg:#E4F3E9;--okfg:#2D7A4C;--warnbg:#FFF2C4;--warnfg:#8A5800;--errbg:#FBE7E3;--errfg:#B9412E;--infobg:#E7EEF8;--infofg:#1E3D6B;--danger:#B9412E;--ok:#2D7A4C;--err:#B9412E;--grid:rgba(52,86,140,.06);
  --font:"Rubik","Segoe UI",Arial,Helvetica,sans-serif;--radius:18px;--shadow:0 1px 2px rgba(60,45,10,.05),0 10px 26px -14px rgba(60,45,10,.22);
  --pencil:linear-gradient(180deg,#FFD957,#FFC21A 55%,#F7AE00);--pencil-facets:linear-gradient(180deg,#FFD957 0 33%,#FFC21A 33% 66%,#F2A800 66%)}
/* מצב כהה (theme.js שם data-theme על <html>, לפי המערכת או בחירת המשתמש): גרפיט כהה, אותו צהוב לפעולה הראשית. */
:root{--navbg:rgba(255,252,243,.95);--coachbg:#1F2024;--coachfg:#FFF8E6;--onyellow:#24200A}
:root[data-theme=dark]{color-scheme:dark;--bg:#17181B;--panel:#222327;--line:#36373C;--ink:#ECE8DD;--muted:#A9A395;--accent:#FFC21A;--accent-2:#F2A800;--accent-ink:#FFCB45;--soft:#3A3220;--field:#1C1D21;--chip:#2D2E33;--okbg:#1B3326;--okfg:#86D3A3;--warnbg:#3A3220;--warnfg:#F5C75A;--errbg:#3F2421;--errfg:#F2A193;--infobg:#1F2A3B;--infofg:#A6C1EC;--danger:#EE8774;--ok:#6FC793;--err:#C9503B;--grid:rgba(255,255,255,.03);
  --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 26px -14px rgba(0,0,0,.7);--navbg:rgba(28,29,33,.95);--coachbg:#ECE8DD;--coachfg:#1F2024}
[hidden]{display:none!important}
*{box-sizing:border-box}
b,strong{font-weight:700}
:focus-visible{outline:3px solid var(--accent-ink);outline-offset:2px}
[tabindex="-1"]:focus{outline:none}
.lyn-skip{position:absolute;inset-inline-start:12px;top:-80px;z-index:1000;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:12px;text-decoration:none;font-weight:600}
.lyn-skip:focus{top:12px}
input[type=checkbox],input[type=radio]{accent-color:var(--accent-ink)}
body{overflow-wrap:break-word}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font)}
body{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px}
a{color:var(--accent-ink)}
.wrap{max-width:860px;margin:0 auto;padding:22px 16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:14px;box-shadow:var(--shadow)}
h1{font-size:26px;margin:0 0 4px;line-height:1.2;text-wrap:balance}h2{font-size:18px;margin:0 0 10px}
.sub{color:var(--muted);font-size:13px;margin-bottom:14px}
label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}
input,textarea,select{width:100%;background:var(--field);color:var(--ink);border:1.5px solid var(--line);border-radius:14px;padding:11px 14px;font-size:16px;font-family:inherit}
input:focus,textarea:focus,select:focus{border-color:var(--accent-ink);outline:none;box-shadow:0 0 0 3px var(--soft)}
textarea{min-height:80px;resize:vertical}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;background:var(--pencil);color:#24200A;border:none;border-radius:14px;padding:11px 18px;line-height:1.25;font-weight:600;cursor:pointer;font-size:15px;font-family:inherit;text-decoration:none;box-shadow:inset 0 -3px 0 rgba(140,90,0,.25),0 6px 16px -8px rgba(240,160,0,.8);transition:transform .12s ease-out,box-shadow .12s ease-out}
.btn:active{transform:translateY(1px);box-shadow:inset 0 -1px 0 rgba(140,90,0,.25)}
.btn.ghost{background:var(--chip);color:var(--ink);box-shadow:none}.btn.danger{background:var(--err);color:#fff;box-shadow:none}
.btn.line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn.full{width:100%}
.btn svg,.ic{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* פעולה הרסנית משנית: טקסט אדום על רקע בהיר — לא נראית כמו כפתור רגיל */
.btn.warn{background:var(--errbg);color:var(--errfg);box-shadow:none}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.msg{margin-top:10px;font-size:13px;color:var(--muted)}.msg.err{color:var(--danger)}.msg.ok{color:var(--ok)}
.brand{color:var(--accent-ink);font-size:15px;letter-spacing:.5px}.brand small{display:block;color:var(--muted);font-size:13px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.order{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}
.order:first-child{border-top:none}
.status{font-size:12px;padding:3px 9px;border-radius:999px;background:var(--chip);color:var(--muted)}
.status.ready{background:var(--okbg);color:var(--okfg)}.status.parsing{background:var(--warnbg);color:var(--warnfg)}.status.error{background:var(--errbg);color:var(--errfg)}
.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.thumbs img{height:70px;border-radius:8px;border:1px solid var(--line)}
@media (max-width:600px){.wrap{padding:14px 10px}.card{padding:14px}}
.usage{color:var(--accent-ink);font-size:13px;margin:-8px 0 14px}
table.grid{width:100%;border-collapse:collapse;font-size:13px}
table.grid th,table.grid td{padding:8px 6px;border-top:1px solid var(--line);text-align:start;white-space:nowrap}
table.grid th{color:var(--muted);font-weight:600;border-top:none}
table.grid td.num{font-variant-numeric:tabular-nums}
.scroll{overflow-x:auto}
.kpis{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.kpi{flex:1;min-width:140px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.kpi b{display:block;font-size:22px;color:var(--ink)}.kpi span{color:var(--muted);font-size:12px}
.tabs{display:flex;gap:6px;background:var(--field);border:1px solid var(--line);border-radius:11px;padding:4px;margin-bottom:4px}
.tab{flex:1;background:none;border:none;color:var(--muted);font:inherit;font-size:14px;font-weight:600;padding:9px 8px;min-height:40px;border-radius:8px;cursor:pointer}
.tab.active{background:var(--chip);color:var(--ink)}
.tpls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.tpl{background:var(--field);border:1px solid var(--line);border-radius:11px;padding:12px 8px;color:var(--ink);font:inherit;cursor:pointer;text-align:center}
.tpl b{display:block;font-size:14px}.tpl span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.tpl.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.g3s{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.thumbs{margin-top:10px}.thumb{position:relative}
.thumb img,.fileChip{height:76px;min-width:60px;border-radius:9px;border:1px solid var(--line);object-fit:cover;display:flex;align-items:center;justify-content:center;background:var(--field);color:var(--muted);font-size:12px;font-weight:700;padding:0 10px}
.thumb img{padding:0;max-width:120px}
.thumb button{position:absolute;top:-7px;inset-inline-end:-7px;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:var(--chip);color:var(--ink);font-size:15px;line-height:1;cursor:pointer;padding:0}
.steps{list-style:none;display:flex;gap:6px;padding:0;margin:14px 0 0;counter-reset:s}
.steps li{flex:1;counter-increment:s;font-size:12.5px;color:var(--muted);padding:8px 6px 8px 8px;border-radius:9px;background:var(--field);border:1px solid var(--line)}
.steps li::before{content:counter(s);display:inline-flex;width:20px;height:20px;border-radius:50%;align-items:center;justify-content:center;margin-inline-end:6px;background:var(--chip);font-weight:700;font-size:11px}
.steps li.now{color:var(--ink);border-color:var(--accent)}.steps li.now::before{background:var(--accent);color:#1b1d21}
.steps li.done{color:var(--ok)}.steps li.done::before{content:'✓';background:var(--okbg);color:var(--okfg)}
.minor{width:100%;font-size:13px;color:var(--muted);margin-top:6px}.minor a{color:var(--muted)}.minor a.danger{color:var(--danger)}
.order{flex-wrap:wrap}
@media (max-width:600px){.tpls{grid-template-columns:1fr 1fr}.steps li{font-size:11.5px;padding:7px 5px}}
.slugrow{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:9px;background:var(--field);overflow:hidden}
.slugrow .slugbase{display:flex;align-items:center;padding:0 4px 0 12px;color:var(--muted);font-size:14px;white-space:nowrap}
.slugrow input{border:none;border-radius:0;padding-left:2px;background:transparent;min-width:0}
.badge{display:inline-flex;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:#1b1d21;font-size:12px;font-weight:700;align-items:center;justify-content:center;margin-inline-start:4px}
/* דוגמאות: צבע / דלת / ידית */
.samples{margin-top:12px;border:1px dashed var(--line);border-radius:12px;padding:10px 12px}
.samples summary{cursor:pointer;font-weight:700;color:var(--accent-ink)}.samples summary small{color:var(--muted);font-weight:400}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:1;border:1px solid var(--line);border-radius:12px;cursor:pointer;position:relative;overflow:hidden;background:var(--field);margin:0 !important}
.slot b{font-size:12.5px;color:var(--ink);position:relative;z-index:1;background:rgba(22,24,28,.7);padding:1px 8px;border-radius:999px}
.slot .ph{font-size:24px}.slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slot.has .ph{display:none}.slot.has b{position:absolute;bottom:6px}
.slot .x{position:absolute;top:4px;inset-inline-end:4px;z-index:2;width:24px;height:24px;border-radius:50%;border:none;background:rgba(0,0,0,.6);color:#fff;cursor:pointer}
/* ברוכים הבאים (נגר חדש) */
.welcome{padding:4px 2px}.welcome ol{margin:8px 0 0;padding-inline-start:20px;line-height:1.9;font-size:15px}.welcome li b{color:var(--ink)}
.seen{color:var(--okfg);font-weight:600}.unseen{color:var(--muted)}
/* הוספה למסך הבית */
.card.install{display:flex;align-items:center;gap:12px;padding:12px 14px}.card.install[hidden]{display:none}
.card.install img{border-radius:12px;flex:0 0 auto}
.card.install .x{background:none;border:none;color:var(--muted);font-size:22px;cursor:pointer;padding:4px 6px}
/* תפריט החשבון בפינה העליונה (account-menu.js) */
.topbar.has-acct{justify-content:flex-start;gap:10px}.topbar.has-acct>.brand{flex:1;min-width:0}
@media (max-width:600px){.topbar.has-acct{flex-wrap:wrap}.topbar.has-acct>.acct{order:2}.topbar.has-acct>.row{order:3;flex-basis:100%}}
.acct{position:relative;flex:none}
.acct-btn{width:44px;height:44px;border-radius:50%;border:2px solid var(--panel);background:var(--accent);color:#1b1d21;font:inherit;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 0 0 1px var(--line)}
.acct-btn:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}
.acct-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:40;min-width:230px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.acct-head{padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}
.acct-head b{font-size:14px}.acct-head span[dir]{display:block;color:var(--muted);font-size:12.5px;margin-top:2px;text-align:start}
.acct-menu a,.acct-menu button{display:block;width:100%;text-align:start;background:none;border:none;border-radius:8px;padding:9px 10px;color:var(--ink);font:inherit;font-size:14px;text-decoration:none;cursor:pointer}
.acct-menu a:hover,.acct-menu button:hover,.acct-menu a:focus-visible,.acct-menu button:focus-visible{background:var(--chip);outline:none}
.acct-sec{font-size:12px;color:var(--muted);padding:6px 10px 2px}
.acct-menu hr{border:none;border-top:1px solid var(--line);margin:4px 0}

/* תווית התפקיד בראש המסך (account-menu.js) — שקטה, לא בולטת */
#roleTag{display:none!important;position:absolute;top:calc(4px + env(safe-area-inset-top, 0px));left:50%;transform:translateX(-50%);font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--muted);opacity:.8;white-space:nowrap;pointer-events:none;z-index:5}
.btn.sm{padding:7px 12px;font-size:13.5px;min-height:40px}

/* ראש מסך אחיד: [→ חזרה] כותרת ······ (אווטאר) — בכל המסכים אותו מבנה */
.pagehead{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:nowrap}
.pagehead>h1{flex:1;min-width:0;margin:0;font-size:22px;line-height:1.3;overflow-wrap:anywhere}
.pagehead>.back{flex:none}
.pagehead + .sub{margin-top:2px}
.pagenav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
@media (max-width:600px){.pagehead>h1{font-size:19px}.topbar.has-acct.pagehead{flex-wrap:nowrap}}

/* כפתור שמופיע רק למנהל המערכת: תגית "אדמין" זהובה — כדי שיהיה ברור שלקוח/נגר לא רואה אותו */
.admin-only{position:relative}
.admin-only::after{content:'אדמין';position:absolute;top:-9px;inset-inline-end:-6px;z-index:2;background:#c9a36a;color:#1f2328;font:700 10.5px/1 "Segoe UI",Arial,sans-serif;padding:3px 7px;border-radius:999px;pointer-events:none;letter-spacing:0;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.25)}

/* שם לקוח ארוך ברשימות — נשבר לשורות במקום למתוח את הטבלה */
table.grid td b,table.vis td{white-space:normal;overflow-wrap:anywhere}
.card{overflow-wrap:anywhere}
table.vis td.num,table.grid td.num{white-space:nowrap;overflow-wrap:normal}

/* ===== ניווט ראשי (nav.js): לשוניות בתחתית, אייקון + מילה ===== */
body.has-nav{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
.lyn-nav{position:fixed;z-index:50;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(var(--tabs,5),1fr);align-items:end;direction:rtl;
  padding:8px max(8px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));background:var(--navbg);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
.lyn-nav:has(> :nth-child(4):last-child){--tabs:4}
.lyn-nav:has(> :nth-child(3):last-child){--tabs:3}
@media (min-width:700px){.lyn-nav{left:50%;right:auto;transform:translateX(-50%);width:560px;bottom:14px;border:1px solid var(--line);border-radius:24px;padding-bottom:10px;box-shadow:0 14px 34px -14px rgba(60,45,10,.35)}}
.lyn-tab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;font-weight:500;color:var(--muted);text-decoration:none;padding:4px 0;position:relative;min-height:48px;justify-content:flex-end}
.lyn-tab .ic{width:24px;height:24px}
.lyn-tab.on{color:var(--ink);font-weight:700}.lyn-tab.on .ic{stroke-width:2.2}
.lyn-tab.on::before{content:"";position:absolute;top:-9px;width:28px;height:4px;border-radius:0 0 4px 4px;background:var(--accent-2)}
.lyn-fab{color:var(--ink);font-weight:700;transform:translateY(-14px)}
.lyn-disc{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;color:#24200A;background:var(--pencil-facets);box-shadow:0 10px 20px -8px rgba(240,160,0,.9),inset 0 -3px 0 rgba(120,80,0,.25);transition:transform .15s ease-out}
.lyn-fab:active .lyn-disc{transform:scale(.95)}
.lyn-disc .ic{width:28px;height:28px;stroke-width:2.4}
.lyn-fab.pulse .lyn-disc{animation:lynPulse 1.8s infinite}
@keyframes lynPulse{0%{box-shadow:0 0 0 0 rgba(255,194,26,.65)}100%{box-shadow:0 0 0 18px rgba(255,194,26,0)}}
.lyn-coach{position:fixed;z-index:60;bottom:calc(112px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(280px,86vw);background:var(--coachbg);color:var(--coachfg);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:8px;font-size:14px;direction:rtl;box-shadow:0 18px 30px -12px rgba(0,0,0,.5)}
.lyn-coach::after{content:"";position:absolute;bottom:-8px;left:50%;margin-left:-8px;width:16px;height:16px;background:var(--coachbg);transform:rotate(45deg);border-radius:3px}
.lyn-coach .btn{align-self:flex-start;min-height:38px;padding:7px 14px;font-size:14px}
@media (prefers-reduced-motion:reduce){.lyn-fab.pulse .lyn-disc{animation:none}.btn{transition:none}}

/* ראש דף: כותרת גדולה = איפה אני; חזרה עם שם היעד */
.lyn-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 14px}
.lyn-head h1{font-size:30px;margin:0}
.lyn-crumb{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:15px;color:var(--accent-ink);text-decoration:none;padding:8px 0;min-height:44px}
.lyn-crumb .ic{width:18px;height:18px}
.lyn-biz{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);text-decoration:none}
.lyn-biz .lg{width:32px;height:32px;border-radius:10px;background:#1F2024;color:var(--accent);display:grid;place-items:center;font-weight:700;overflow:hidden}
.lyn-biz .lg img{width:100%;height:100%;object-fit:contain;background:#fff}
button.lyn-biz{border:0;background:none;font:inherit;font-size:13px;cursor:pointer;min-height:44px;padding:0 4px;border-radius:12px}
button.lyn-biz::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 1.6px 1.6px 0;transform:rotate(45deg) translateY(-2px);margin-inline-start:2px}
.lyn-acct{position:relative}
.lyn-menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:60;min-width:210px;background:var(--panel,#fff);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.14);padding:6px;display:grid}
.lyn-menu[hidden]{display:none}
.lyn-menu a,.lyn-menu button{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:10px;border:0;background:none;font:inherit;font-size:15px;color:var(--ink);text-decoration:none;text-align:start;cursor:pointer}
.lyn-menu a:hover,.lyn-menu button:hover,.lyn-menu a:focus-visible,.lyn-menu button:focus-visible{background:var(--soft,#FFF2C4)}
.lyn-menu #menuOut{color:#B3261E;border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:4px}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;border-radius:999px;padding:3px 10px;white-space:nowrap}
.pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.pill.wait{background:var(--soft);color:var(--accent-ink)}.pill.ok{background:var(--okbg);color:var(--okfg)}.pill.bad{background:var(--errbg);color:var(--errfg)}.pill.info{background:var(--infobg);color:var(--infofg)}.pill.gray{background:var(--chip);color:var(--muted)}
.linkbtn{background:none;border:0;padding:4px 0;color:var(--accent-ink);font:inherit;font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}