/* ===== RESET & VARS ===== */
*{box-sizing:border-box;margin:0;padding:0}

/* ── DARK MODE (default) ── */
:root{
  --bg:#0F0F0F;--bg2:#1A1A1A;--bg3:#141414;--bg4:#050505;
  --b1:#222222;--b2:#2A2A2A;
  --t1:#F7F3ED;--t2:#CCCCCC;--t3:#AAAAAA;--t4:#888888;
  --gh:#F0C97A;--gm:#B8965A;--gl:#7A5C2A;
  --gbg:#1A1508;--gbd:#2A2010;
  /* legacy aliases */
  --cream:var(--bg2);--cream2:var(--bg3);--cream3:var(--b1);
  --gold:var(--gm);--gold2:var(--gl);--gold3:var(--gh);--gold4:var(--gh);
  --ink:var(--t1);--ink2:var(--t2);--ink3:var(--t3);
  --border:rgba(184,150,90,0.2);--border2:rgba(184,150,90,0.4);
  --green:#1ec98a;--red:#e05555;
  --r:12px;--rsm:8px;
  --shadow:0 2px 16px rgba(0,0,0,0.4);
}

/* ── LIGHT MODE ── */
body.light{
  --bg:#F7F3EE;--bg2:#FDFBF7;--bg3:#F0EBE3;--bg4:#F5EFE4;
  --b1:#DDD5C8;--b2:#E5DECE;
  --t1:#1A1A1A;--t2:#444444;--t3:#777777;--t4:#AAAAAA;
  --gh:#8B6914;--gm:#A87C20;--gl:#C89A44;
  --gbg:#FBF6EE;--gbd:#E8D5B0;
  --cream:var(--bg2);--cream2:var(--bg3);--cream3:var(--b1);
  --gold:var(--gm);--gold2:var(--gl);--gold3:var(--gh);--gold4:var(--gh);
  --ink:var(--t1);--ink2:var(--t2);--ink3:var(--t3);
  --border:rgba(160,120,64,0.2);--border2:rgba(160,120,64,0.4);
  --shadow:0 2px 16px rgba(0,0,0,0.06);
}
/* light mode overrides for primary/nav buttons — gold text is too dark on light backgrounds */
body.light .btn-p,body.light .btn-lab,body.light .btn-cta,body.light .btn-toolbar-primary{background:var(--gh);color:#fff}
body.light .new-btn{color:#fff}
body.light .btn-p:hover,body.light .btn-lab:hover,body.light .btn-cta:hover{background:#7A5810}
body.light .btn-s,body.light .btn-ai,body.light .btn-nav-lab,body.light .qa-nav-btn{border-color:var(--gm);color:var(--gh)}
body.light .fwd-nav{background:var(--gh);color:#fff}
body.light .fwd-nav:hover{background:#7A5810}

html{font-size:18px}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--t1);min-height:100vh;-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.6;transition:background .25s,color .25s}


body.light .hdr{background:#F5EFE4;border-bottom-color:#E0D2BE}
body.light .home-hdr{background:#F5EFE4;border-bottom-color:#E0D2BE}
body.light .toolbar{background:#F5EFE4;border-color:#E0D2BE}
body.light .pstage.cur{background:rgba(168,124,32,.12);color:var(--gh);border-color:var(--gm)}
body.light .pp-panel{background:#F5EFE4;border-color:#E0D2BE}
body.light .profile-menu{background:#F5EFE4;border-color:#E0D2BE}
/* icons via CSS unicode fallback + SVG inline — use simple SVG icons */
.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}

/* ===== PAGES ===== */
.page{display:none;animation:fadeIn .2s ease;padding-bottom:90px}
.page.on{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* sub-pages wizard steps */
.sub-page{display:none}
.sub-page.on{display:block;animation:fadeIn .22s ease}
/* back nav */
.back-nav{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:500;color:var(--ink3);cursor:pointer;padding:6px 0;margin-bottom:1.5rem;transition:color .13s;border:none;background:none;font-family:'DM Sans',sans-serif}
.back-nav:hover{color:var(--gold2)}
/* forward nav — fixed bottom-left */
.fwd-nav{position:fixed;bottom:28px;left:28px;z-index:120;display:none;align-items:center;gap:9px;background:var(--gh);color:#0F0F0F;border:none;border-radius:50px;padding:14px 22px;font-size:16px;font-weight:600;font-family:'DM Sans',sans-serif;cursor:pointer;box-shadow:0 4px 24px rgba(0,0,0,.45),0 0 0 2px rgba(240,201,122,.4);transition:background .15s,box-shadow .15s,transform .1s;white-space:nowrap}
.fwd-nav:hover{background:#F7DC9A;box-shadow:0 6px 28px rgba(0,0,0,.5),0 0 0 2px rgba(240,201,122,.6)}
.fwd-nav:active{background:#D4AF5A;transform:scale(.98)}
.fwd-nav.on{display:inline-flex}
body.light .fwd-nav{background:var(--gh);color:#fff;box-shadow:0 4px 20px rgba(138,104,48,.5),0 0 0 2px rgba(138,104,48,.3)}
body.light .fwd-nav:hover{background:#7A5810;box-shadow:0 6px 24px rgba(138,104,48,.6)}

/* ===== HEADER ===== */
.hdr{background:var(--bg4);height:88px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;gap:12px;border-bottom:1px solid var(--b1)}
.logo{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:400;color:#F7F3ED;letter-spacing:.02em;cursor:pointer;user-select:none;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;direction:ltr;gap:0}
.logo em{color:#F0C97A;font-style:normal}
.logo-sub{font-size:10px;color:#B8965A;font-family:'DM Sans',sans-serif;font-weight:400;letter-spacing:.12em;margin-left:8px;text-transform:uppercase;margin-top:6px}
.hdr-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;pointer-events:none}
.hdr-center .sdot,.hdr-center .sline{pointer-events:auto}
.hdr-right{display:flex;align-items:center;gap:12px;flex-shrink:0}

/* steps */
.sdot{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;transition:all .25s;cursor:default}
.sdot.done{background:rgba(240,201,122,.15);color:var(--gh);cursor:pointer;border:1px solid rgba(240,201,122,.25)}
body.light .sdot.done{background:rgba(122,92,30,.12);color:var(--gh);border:1.5px solid rgba(122,92,30,.35)}
.sdot.done:hover{background:rgba(240,201,122,.25)}
.sdot.act{background:var(--gh);color:#0F0F0F}
body.light .sdot.act{background:var(--gm);color:#fff}
.sdot.fut{background:var(--bg2);color:var(--t4)}
body.light .sdot.fut{background:var(--b1);color:var(--t3);border:1px solid var(--b2)}
.sline{width:22px;height:1px;flex-shrink:0}
.sline-label{font-size:11px;color:#c9a84c;font-weight:500;white-space:nowrap;letter-spacing:.04em;padding:0 10px;opacity:.9}
.sline.done{background:rgba(240,201,122,.45)}
body.light .sline.done{background:rgba(138,104,48,.5)}
.sline.fut{background:var(--b2)}
body.light .sline.fut{background:var(--b1)}

/* header buttons */
.hbtn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--t3);transition:color .15s;padding:9px;border-radius:9px;white-space:nowrap;font-family:'DM Sans',sans-serif}
.hbtn:hover{color:var(--t1)}
.hbtn.gold{color:var(--gm)}
.hbtn.gold:hover{color:var(--gh);filter:drop-shadow(0 0 5px rgba(240,201,122,.4))}
.hbtn.gold.open{color:var(--gh);filter:drop-shadow(0 0 7px rgba(240,201,122,.55))}
.hbtn-label{font-size:14px;font-weight:500;margin-right:6px;display:none}
@media(min-width:560px){.hbtn-label{display:inline}}
.save-dot{font-size:12px;color:transparent;transition:color .3s;flex-shrink:0;font-weight:500;white-space:nowrap}
.save-dot.saved{color:var(--green)}

/* target tooltip */
.tgt-wrap{position:relative}
.tgt-tip{position:absolute;top:52px;right:0;background:var(--bg2);border:1px solid var(--b2);color:var(--t1);font-size:14px;border-radius:var(--rsm);padding:16px 18px;width:320px;line-height:1.8;z-index:200;display:none;text-align:right;box-shadow:0 4px 20px rgba(0,0,0,.35);direction:rtl}
.tgt-tip.on{display:block}
.tgt-tip::before{content:'';position:absolute;top:-5px;right:14px;width:10px;height:10px;background:var(--bg2);rotate:45deg;border-right:1px solid var(--b2);border-top:1px solid var(--b2)}
.tip-title{font-weight:500;color:var(--gh);margin-bottom:7px;font-size:13px;text-transform:uppercase;letter-spacing:.06em}

/* projects panel */
.ppanel-mask{position:fixed;inset:0;z-index:150;display:none}
.ppanel-mask.on{display:block}
.ppanel{position:fixed;top:68px;width:300px;max-height:calc(100vh - 78px);overflow-y:auto;background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r);z-index:160;padding:1.5rem;display:none;box-shadow:0 8px 32px rgba(0,0,0,.5);direction:rtl}
.ppanel.on{display:block}
.pp-hd{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--t4);margin-bottom:14px}
.pp-item{padding:12px 14px;border-radius:8px;font-size:14px;color:var(--t3);cursor:pointer;transition:all .14s;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.pp-item:hover{background:var(--bg3);color:var(--t1)}
.pp-item.cur{background:var(--gbg);color:var(--gh)}
.pp-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-item-stage{font-size:12px;opacity:.55;flex-shrink:0}
.pp-new{margin-top:12px;border-top:1px solid var(--b1);font-size:14px;color:var(--gold);cursor:pointer;padding:14px 10px 0;display:flex;align-items:center;gap:8px;transition:color .14s}
.pp-new:hover{color:var(--gh)}

/* toast */
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(50px);background:var(--bg2);border:1px solid var(--b2);color:var(--t1);padding:9px 18px;border-radius:24px;font-size:13px;font-weight:500;opacity:0;transition:all .28s cubic-bezier(.34,1.56,.64,1);z-index:999;white-space:nowrap;pointer-events:none;max-width:90vw}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

/* modal */
.modal-mask{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:300;display:none;align-items:center;justify-content:center;padding:1rem}
.modal-mask.on{display:flex}
.modal{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r);padding:2.25rem;width:500px;max-width:100%;direction:rtl;box-shadow:0 8px 40px rgba(0,0,0,.5)}
.modal-title{font-family:'Cormorant Garamond',serif;font-size:26px;color:var(--t1);margin-bottom:1.5rem}

/* ===== HOME ===== */
#pg-home{padding:0}
#pg-home-body{padding:2rem 2.5rem;width:100%}
.home-hero{margin-bottom:2rem}
.home-greeting{font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.home-tagline{font-size:clamp(24px,3.5vw,32px);font-weight:400;color:var(--ink);margin-bottom:4px;line-height:1.3;font-family:'Cormorant Garamond',serif}
.home-count{font-size:15px;color:var(--ink3);margin-bottom:2rem}
.home-hdr{background:var(--bg4);height:68px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--b1)}
.new-btn{width:100%;padding:16px;background:var(--gh);border:none;border-radius:var(--r);color:#0F0F0F;font-size:16px;font-weight:500;font-family:'DM Sans',sans-serif;cursor:pointer;transition:background .16s,transform .1s;display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:1.75rem}
.new-btn:hover{background:#F7DC9A}
.new-btn:active{background:#D4AF5A;transform:scale(.99)}
.sec-title{font-family:'Cormorant Garamond',serif;font-size:25px;color:var(--ink);margin-bottom:1.1rem}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.pcard{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r);padding:1.25rem 1.25rem 1rem;cursor:pointer;transition:all .16s;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.home-sec-title{font-size:12px;font-weight:500;color:var(--t2);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}
.home-org-header{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 12px;margin-bottom:10px;border-radius:0 8px 8px 0}
.home-org-name{font-size:15px;font-weight:600;letter-spacing:.01em}
.home-org-count{font-size:11px;color:var(--t3)}
.sb-name-wrap{display:flex;align-items:center;flex:1;overflow:hidden;gap:4px}
.sb-edit-btn{opacity:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--t3);border-radius:3px;flex-shrink:0;transition:opacity .12s}
.sb-acc-header:hover .sb-edit-btn,.sb-acc-child:hover .sb-edit-btn{opacity:1}
.home-sec-add{font-size:12px;color:var(--t2);background:var(--bg3);border:1px solid var(--b2);cursor:pointer;padding:4px 10px;border-radius:6px;transition:all .12s;font-family:'DM Sans',sans-serif}
.home-sec-add:hover{border-color:var(--gm);color:var(--gh)}
.home-sec-sep{border:none;border-top:1px solid var(--b2);margin:18px 0}
.ctnr-cards{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}
.ctnr-card{border:1px solid var(--b2);border-radius:10px;padding:8px 14px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:10px;background:var(--bg2);transition:all .13s;min-width:140px}
.ctnr-card:hover{border-color:var(--gm);background:var(--bg3)}
.ctnr-card-count{font-size:11px;color:var(--t3);margin-top:2px}
.ctnr-card-icon{width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ctnr-card-icon.org{background:rgba(100,40,180,.18);color:#b080f0}
.ctnr-card-icon.folder{background:rgba(180,130,30,.15);color:#c8922a}
.home-name-edit-btn{opacity:0;background:none;border:none;cursor:pointer;color:var(--t3);padding:2px 4px;border-radius:5px;display:inline-flex;align-items:center;transition:opacity .12s,color .12s;vertical-align:middle}
.home-org-header:hover .home-name-edit-btn{opacity:1}
.home-name-edit-btn:hover{color:var(--t1)}
.ctnr-card-del{opacity:0;margin-right:4px;background:none;border:none;cursor:pointer;color:var(--t3);padding:4px;border-radius:5px;display:flex;align-items:center;transition:opacity .12s,color .12s;flex-shrink:0}
.ctnr-card:hover .ctnr-card-del{opacity:1}
.ctnr-card-del:hover{color:#ef4444}
.pcard:hover{box-shadow:0 6px 24px rgba(184,150,90,.15);transform:translateY(-2px);border-color:var(--gm)}
.pcard-done{border:1.5px solid rgba(240,201,122,.55);background:var(--gbg)}
.pcard-name{font-size:17px;font-weight:500;color:var(--ink);margin-bottom:5px;padding-left:84px}
/* project name inline edit */
.proj-name-wrap{display:inline-flex;align-items:center;gap:6px;cursor:default;max-width:100%}
.proj-name-wrap:hover .proj-edit-btn{opacity:1}
.proj-edit-btn{opacity:0;transition:opacity .15s;background:none;border:none;cursor:pointer;padding:3px;border-radius:5px;color:var(--t4);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;position:relative}
.proj-edit-btn:hover{color:var(--gh);background:var(--gbg)}
.proj-edit-btn .tip{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);background:var(--bg2);border:1px solid var(--b2);color:var(--t1);font-size:11px;font-family:'DM Sans',sans-serif;padding:3px 8px;border-radius:5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s .2s;z-index:99}
.proj-edit-btn:hover .tip{opacity:1}
.proj-name-input{font-size:inherit;font-weight:inherit;font-family:'DM Sans',sans-serif;color:var(--t1);background:var(--bg4);border:1.5px solid var(--gm);border-radius:7px;padding:3px 10px;outline:none;width:100%;direction:rtl;box-shadow:0 0 0 3px rgba(184,150,90,.12)}
.pcard-topic{font-size:14px;color:var(--ink3);margin-bottom:12px}
.pcard-stages{display:flex;gap:5px;flex-wrap:wrap}
.pstage{font-size:12px;padding:4px 14px;border-radius:50px;background:var(--cream2);color:var(--ink3);border:1px solid var(--border);transition:opacity .13s,transform .1s}
.pstage.done{background:#EEF9F4;color:#2A7A58;border-color:rgba(30,201,138,.18)}
.pstage.cur{background:#FBF6EE;color:var(--gold2);border-color:var(--border2)}
.pcard-date{font-size:12px;color:var(--ink3);margin-top:10px;opacity:.65}
.pcard-preview-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;padding:10px 0;border-radius:50px;border:1px solid rgba(160,90,240,.5);background:linear-gradient(135deg,#6a1fc2 0%,#9b4dff 40%,#c89a30 100%);color:#fff;font-size:13px;font-weight:600;font-family:'DM Sans',sans-serif;cursor:pointer;text-align:center;transition:all .18s;box-shadow:0 2px 14px rgba(130,50,220,.35)}
.pcard-preview-btn:hover{background:linear-gradient(135deg,#7d2fd4 0%,#ae60ff 40%,#d4aa40 100%);box-shadow:0 4px 20px rgba(130,50,220,.5);transform:translateY(-1px)}
.pcard-preview-btn:active{transform:scale(.97)}
body.light .pcard-preview-btn{background:linear-gradient(135deg,#5a12b0 0%,#8a3af0 40%,#b08020 100%);box-shadow:0 2px 12px rgba(100,20,200,.30)}
.pcard{position:relative}
.pcard-del{position:absolute;top:12px;left:12px;width:30px;height:30px;border-radius:7px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(238,242,248,.55);transition:all .15s;z-index:2}
.pcard-del:hover{background:rgba(224,85,85,.12);border-color:rgba(224,85,85,.35);color:#e05555!important}
.pcard-del:active{transform:scale(.93)}
body.light .pcard-del{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.12);color:rgba(26,26,46,.45)}
body.light .pcard-del:hover{background:rgba(224,85,85,.10);border-color:rgba(224,85,85,.30);color:#c03030!important}
.pcard-move{position:absolute;top:12px;left:46px;width:30px;height:30px;border-radius:7px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(238,242,248,.55);transition:all .15s;z-index:2}
.pcard-move:hover{background:rgba(139,92,246,.15);border-color:rgba(139,92,246,.4);color:var(--gm)!important}
.pcard-move:active{transform:scale(.93)}
body.light .pcard-move{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.12);color:rgba(26,26,46,.45)}
.empty{text-align:center;padding:3.5rem;color:var(--t3);font-size:15px;background:var(--bg2);border:1px dashed var(--b2);border-radius:var(--r)}
.diag-q{margin-bottom:28px}
.diag-q-label{font-size:15px;font-weight:600;color:var(--t1);margin-bottom:10px;line-height:1.5}
.diag-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.diag-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--b2);border-radius:50px;background:var(--bg2);color:var(--t2);font-size:13px;cursor:pointer;transition:all .15s;user-select:none}
.diag-chip:hover{border-color:var(--accent);color:var(--accent)}
.diag-chip.sel{background:var(--accent);border-color:var(--accent);color:#fff}
.diag-phase-b-title{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--t3);margin-bottom:20px;padding-top:8px}

/* ===== LAB SHARED ===== */
.lab-wrap{padding:2rem 1.75rem 6rem;max-width:1100px;margin:0 auto}
/* scroll hint */
.scroll-hint{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0 0;color:var(--t3);font-size:12px;transition:opacity .3s}
.scroll-hint-arrow{animation:scrollBounce 1.4s ease-in-out infinite}
@keyframes scrollBounce{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(4px);opacity:1}}
/* per-question chips loading */
.chips-loading{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--t3);font-size:12px}
.spin-sm{display:inline-block;width:14px;height:14px;border:1.5px solid var(--b1);border-top-color:var(--gm);border-radius:50%;animation:spin .75s linear infinite;flex-shrink:0}
@media(min-width:640px){.lab-wrap{padding:3rem 3rem 6rem}}
.pbar{height:3px;background:var(--b1);border-radius:2px;margin-bottom:2.5rem}
.pfill{height:100%;background:linear-gradient(90deg,#6428B4 0%,#C89A44 100%);border-radius:2px;transition:width .4s}
.lab-lbl{font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gm);margin-bottom:6px}
.lab-title{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,4vw,42px);font-weight:400;color:var(--t1);margin-bottom:6px;line-height:1.2}
.lab-desc{font-size:16px;color:var(--t3);margin-bottom:1.75rem;line-height:1.6}
.lab-hdr-sep{width:1.5px;height:32px;background:var(--ink3);opacity:.55;border-radius:1px;flex-shrink:0;margin:0 6px}
.lab-hdr-name{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,4.5vw,44px);font-weight:400;color:var(--gm);letter-spacing:.04em;line-height:1;white-space:nowrap}
.lab-hdr-sub{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,4vw,38px);font-weight:400;color:var(--t1);line-height:1}
.lab-hdr{display:flex;align-items:center;gap:10px;margin-bottom:1rem}
.slbl{font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--t2);margin-bottom:12px}
.card{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r);padding:1.75rem;box-shadow:var(--shadow);margin-bottom:1.25rem}
.field{margin-bottom:1.25rem}
.field label{display:block;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin-bottom:6px}
.fi{width:100%;background:var(--bg4);border:1px solid var(--b2);border-radius:var(--rsm);padding:13px 16px;font-size:16px;color:var(--t1);font-family:'DM Sans',sans-serif;outline:none;transition:border .14s;direction:rtl;line-height:1.5}
.fi:focus{border-color:var(--gm);background:var(--bg2);box-shadow:0 0 0 3px rgba(184,150,90,.12)}
textarea.fi{resize:vertical;min-height:88px;max-height:260px;overflow-y:auto;line-height:1.6}
.divider{height:1px;background:var(--b1);margin:2rem 0}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border-radius:50px;font-size:15px;font-weight:500;font-family:'DM Sans',sans-serif;cursor:pointer;transition:all .15s;border:none;white-space:nowrap}
/* PRIMARY — ניווט ראשי בלבד — זהב מלא */
.btn-p{background:var(--gh);color:#0F0F0F;border:none}
.btn-p:hover{background:#F7DC9A}
.btn-p:active{background:#D4AF5A;transform:scale(.98)}
.btn-p:disabled{opacity:.4;cursor:not-allowed}
/* lab advance — same as primary */
.btn-lab{background:#D4A040;color:#0F0F0F}
.btn-lab:hover{background:#C49030}
.btn-lab:active{background:#B48020;transform:scale(.98)}
.btn-lab:disabled{opacity:.4;cursor:not-allowed}
.btn-entry{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border:1px solid var(--b2);border-radius:50px;background:var(--bg2);color:var(--t2);font-size:13px;font-family:'DM Sans',sans-serif;cursor:pointer;transition:all .13s;white-space:nowrap}
.mat-action-btn{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:32px;border:1px solid rgba(255,255,255,.10);border-radius:7px;font-size:13px;color:rgba(238,242,248,.55);cursor:pointer;transition:all .14s;font-weight:400;background:rgba(255,255,255,.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:'DM Sans',sans-serif;white-space:nowrap;box-sizing:border-box;line-height:1}
.mat-action-btn:hover,.mat-action-hover{border-color:rgba(201,168,76,.45)!important;color:var(--gold)!important;background:rgba(201,168,76,.08)!important}
body.light .mat-action-btn{color:rgba(26,26,46,.65);border-color:rgba(0,0,0,.15);background:rgba(0,0,0,.04)}
body.light .mat-action-btn:hover{color:var(--gh)!important;border-color:rgba(138,104,48,.4)!important;background:rgba(138,104,48,.07)!important}
.btn-entry:hover{border-color:var(--gm);color:var(--t1);background:var(--gbg)}
.btn-entry:active{transform:scale(.97)}
body.light .btn-entry:hover{border-color:var(--gh);background:var(--cream2)}
.script-start-card{border:1px solid var(--b2);border-radius:10px;padding:18px 14px;cursor:pointer;background:var(--bg2);text-align:center;transition:border-color .15s,background .15s,box-shadow .15s}
.script-start-card:hover{border-color:var(--gm);background:var(--gbg);box-shadow:0 2px 12px rgba(184,150,90,.12)}
.script-start-card.recommended{border-color:var(--gm);background:var(--gbg)}
body.light .script-start-card.recommended{border-color:var(--gh);border-width:2px}
.script-start-card-icon{margin-bottom:10px;color:var(--gold2);display:flex;align-items:center;justify-content:center}
.script-start-card-title{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:3px}
.script-start-card-desc{font-size:11px;color:var(--ink3);line-height:1.4}
.btn-lab:disabled{opacity:.4;cursor:not-allowed}
/* AI generate — gold outline (משני) */
.btn-ai{background:transparent;color:var(--gh);border:1.5px solid var(--gm)}
.btn-ai:hover{background:var(--gbg);border-color:var(--gh)}
.btn-ai:active{background:rgba(240,201,122,.15);transform:scale(.98)}
.btn-ai:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}
/* Primary CTA — gold filled */
.btn-cta{background:var(--gh);color:#0F0F0F;border:none}
.btn-cta:hover{background:#F7DC9A}
.btn-cta:active{background:#D4AF5A;transform:scale(.98)}
.btn-cta:disabled{opacity:.4;cursor:not-allowed}
/* Secondary — gold outline */
.btn-s{background:transparent;color:var(--gh);border:1.5px solid var(--gm);font-weight:500}
.btn-s:hover{background:var(--gbg);border-color:var(--gh)}
.btn-s:active{background:rgba(240,201,122,.15);transform:scale(.98)}
.btn-s:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}
/* Ghost — subtle */
/* ===== ICON TOOLBAR SYSTEM ===== */
.toolbar{display:flex;align-items:center;gap:3px;padding:5px 6px;background:var(--bg2);border:1px solid var(--b2);border-radius:10px;margin-top:1.25rem;direction:rtl;flex-wrap:nowrap;min-width:0}
.script-toolbar-hidden{display:none!important}
.toolbar-div{width:1px;height:20px;background:var(--b2);margin:0 3px;flex-shrink:0}
.toolbar-spacer{flex:1}

/* icon button — glass */
.ibtn{position:relative;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:rgba(238,242,248,.60);transition:all .15s;flex-shrink:0;font-family:'DM Sans',sans-serif}
.ibtn:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);color:rgba(238,242,248,.92)}
.ibtn:active{transform:scale(.93)}
.ibtn.danger:hover{color:#e05555;background:rgba(224,85,85,.10);border-color:rgba(224,85,85,.25)}
body.light .ibtn{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.12);color:rgba(26,26,46,.55)}
body.light .ibtn:hover{background:rgba(0,0,0,.10);border-color:rgba(0,0,0,.22);color:rgba(26,26,46,.85)}
.ibtn svg{pointer-events:none;flex-shrink:0}

/* tooltip — above button */
.ibtn .itip{
  position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);
  background:var(--t1);color:var(--bg);
  font-size:11px;font-weight:500;font-family:'DM Sans',sans-serif;
  padding:5px 10px;border-radius:6px;white-space:nowrap;
  opacity:0;pointer-events:none;transition:opacity .12s .15s;z-index:200;
  box-shadow:0 2px 8px rgba(0,0,0,.3);
}
.ibtn .itip::before{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--t1)}
.ibtn:hover .itip{opacity:1}

/* toolbar primary button */
.btn-toolbar-primary{background:#D4A040;color:#0F0F0F;border:none;border-radius:8px;padding:0 18px;height:36px;font-size:13px;font-weight:500;font-family:'DM Sans',sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:background .12s,transform .1s;flex-shrink:0;margin-right:auto}
.btn-toolbar-primary:hover{background:#C49030}
.btn-toolbar-primary:active{background:#B48020;transform:scale(.98)}
body.light .btn-toolbar-primary{background:var(--gh);color:#fff}
body.light .btn-toolbar-primary:hover{background:#7A5810}

/* legacy lab-actions kept for compat but hidden */
.lab-actions{margin-top:1.25rem;direction:rtl}
.lab-actions-top{display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:0.5px solid var(--b1);margin-bottom:10px;flex-wrap:wrap}
.lab-actions-bot{display:flex;align-items:center;justify-content:flex-end}
.lab-actions-sec{display:flex;align-items:center;gap:1px}

.btn-ghost{background:transparent;border:1px solid var(--b2);border-radius:6px;padding:7px 9px;color:var(--t3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:background .13s,color .13s,border-color .13s;flex-shrink:0}
.btn-ghost:hover{background:var(--bg2);color:var(--t1);border-color:var(--gm)}
.btn-ghost:active{transform:scale(.97)}
.btn-ghost-div{width:1px;height:22px;background:var(--b1);flex-shrink:0;margin:0 3px;align-self:center}
.upload-zone-btn{display:flex;align-items:center;gap:12px;border:1px solid var(--b2);border-radius:var(--rsm);padding:11px 16px;cursor:pointer;margin-bottom:10px;color:var(--t2);font-size:13px;transition:border-color .15s,background .15s;background:var(--bg3)}
.upload-zone-btn:hover{border-color:var(--gm);background:var(--gbg)}
.upload-zone-icon{width:34px;height:34px;border-radius:7px;background:var(--bg2);border:1px solid var(--b2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--t3)}
.btn-s:hover{border-color:var(--gm);color:var(--gh)}
.btn-s:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}
.btn-loading{opacity:.85;cursor:not-allowed;pointer-events:none}
.btn-spin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:white;animation:spin .7s linear infinite;flex-shrink:0}
.btn-spin-dark{width:14px;height:14px;border-radius:50%;border:2px solid rgba(184,150,90,.3);border-top-color:var(--gm);animation:spin .7s linear infinite;flex-shrink:0}
.btn-row{display:flex;gap:12px;margin-top:2rem;flex-wrap:wrap;justify-content:flex-end}

/* loading */
.loading-box{text-align:center;padding:2rem 1rem}
.spin{width:36px;height:36px;border:2px solid var(--b1);border-top-color:var(--gm);border-radius:50%;animation:spin .75s linear infinite;margin:0 auto .85rem}
@keyframes spin{to{transform:rotate(360deg)}}
.spin-txt{font-size:14px;color:var(--t3)}
.spin-sub{font-size:12px;color:var(--t4);margin-top:4px}

/* ===== LOGIN PAGE ===== */
#pg-login{display:none;min-height:100vh;align-items:center;justify-content:center;background:#080808;position:relative;overflow:hidden}
#pg-login.on{display:flex}

/* matrix canvas bg */
#matrix-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.18}

/* gold particles — hidden */
.login-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;display:none}
.lp{position:absolute;border-radius:50%;background:#F0C97A;animation:lp-float ease-in-out infinite alternate}
@keyframes lp-float{0%{opacity:.1;transform:translateY(0) scale(1)}100%{opacity:.45;transform:translateY(-28px) scale(1.15)}}

/* gold line sweeps — hidden */
.login-sweep{display:none}
@keyframes sweep-lr{0%{opacity:0;transform:translateX(-100%) scaleX(.4)}45%{opacity:1}100%{opacity:0;transform:translateX(60%) scaleX(1.3)}}

/* card */
.login-card{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.75rem 2.75rem 2.25rem;max-width:400px;width:calc(100% - 2rem);background:rgba(12,12,12,.88);border:1px solid rgba(184,150,90,.22);border-radius:20px;backdrop-filter:blur(12px)}
.login-logo{font-family:'Cormorant Garamond',serif;font-size:clamp(44px,9vw,64px);font-weight:400;line-height:1.05;color:#F7F3ED;letter-spacing:.02em;margin-bottom:4px;direction:ltr;display:inline-flex;align-items:center}
.login-logo em{color:#F0C97A;font-style:normal}
.login-cursor{display:inline-block;width:3px;height:.65em;background:#F0C97A;animation:blink .75s step-end infinite;margin-right:3px;vertical-align:middle;flex-shrink:0}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.login-studio{display:block;font-size:11px;font-weight:300;color:rgba(184,150,90,.55);letter-spacing:.22em;text-transform:uppercase;margin-bottom:1.5rem;font-family:'DM Sans',sans-serif}
.login-typewriter{min-height:46px;margin-bottom:2rem;font-size:14px;color:rgba(240,201,122,.7);line-height:1.65;font-family:'DM Sans',sans-serif;letter-spacing:.01em}
.login-typewriter .tw-line{overflow:hidden;white-space:nowrap;border-left:2px solid transparent}
.login-typewriter .tw-line.typing{border-color:#F0C97A;animation:none}
.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:300px;padding:13px 24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:12px;font-size:15px;font-weight:500;color:#F7F3ED;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .18s;backdrop-filter:blur(12px);box-shadow:0 0 0 1px rgba(240,201,122,.15)}
.google-btn:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.38);box-shadow:0 0 0 1px rgba(240,201,122,.28);transform:translateY(-1px)}
.google-btn:active{transform:scale(.98)}
.login-or{font-size:11px;color:rgba(255,255,255,.18);margin:1rem 0;letter-spacing:.08em;text-transform:uppercase}
.login-dev-btn{font-size:12px;color:rgba(184,150,90,.4);background:none;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;text-decoration:underline;transition:color .15s}
.login-dev-btn:hover{color:rgba(184,150,90,.7)}
.login-divider{display:flex;align-items:center;gap:12px;width:100%;max-width:300px;margin:.85rem 0 .75rem;font-size:11px;color:rgba(255,255,255,.2);letter-spacing:.08em}
.login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.1)}
.login-input{width:100%;max-width:300px;padding:11px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:14px;color:#F7F3ED;font-family:'DM Sans',sans-serif;outline:none;transition:border-color .15s;margin-bottom:8px;direction:ltr;text-align:left;box-sizing:border-box}
.login-input:focus{border-color:rgba(240,201,122,.4);background:rgba(255,255,255,.09)}
.login-input::placeholder{color:rgba(255,255,255,.22);direction:rtl;text-align:right}
.login-forgot-row{width:100%;max-width:300px;text-align:left;margin-bottom:10px;margin-top:-2px}
.login-forgot-btn{background:none;border:none;color:rgba(240,201,122,.45);font-size:11px;cursor:pointer;font-family:'DM Sans',sans-serif;padding:0;transition:color .15s}
.login-forgot-btn:hover{color:#F0C97A}
.login-submit-btn{width:100%;max-width:300px;padding:12px;background:linear-gradient(135deg,rgba(100,40,180,.55),rgba(184,150,90,.35));border:1px solid rgba(240,201,122,.28);border-radius:12px;font-size:15px;font-weight:500;color:#F7F3ED;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .18s}
.login-submit-btn:hover{background:linear-gradient(135deg,rgba(100,40,180,.75),rgba(184,150,90,.55));border-color:rgba(240,201,122,.5);transform:translateY(-1px)}
.login-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.login-error{font-size:12px;color:#F08080;min-height:16px;margin-top:6px;text-align:center;max-width:300px}
.login-toggle-row{font-size:12px;color:rgba(255,255,255,.28);margin-top:10px;display:flex;align-items:center;gap:6px}
.login-toggle-btn{background:none;border:none;color:rgba(240,201,122,.6);font-size:12px;cursor:pointer;font-family:'DM Sans',sans-serif;text-decoration:underline;padding:0;transition:color .15s}
.login-toggle-btn:hover{color:#F0C97A}
.login-terms{font-size:11px;color:rgba(255,255,255,.2);margin-top:1.5rem;line-height:1.7}
.login-terms a{color:rgba(240,201,122,.6);text-decoration:underline}
.login-terms a:hover{color:#F0C97A}
/* light mode — login always stays dark (it's a full-screen branded page) */
body.light #pg-login{background:#080808}
/* ===== STICKY LAB FOOTER ===== */
.lab-footer{position:fixed;bottom:0;left:0;right:0;z-index:80;display:flex;align-items:center;justify-content:space-between;padding:14px 2rem 18px;pointer-events:none;background:linear-gradient(to top,rgba(10,10,10,.75) 30%,transparent)}
@media(min-width:640px){.lab-footer{padding:14px 3rem 20px}}
.lab-footer .lf-back{pointer-events:auto;display:flex;align-items:center;gap:6px;padding:11px 20px;border:none;border-radius:50px;background:var(--bg3);color:var(--t2);font-size:14px;font-family:'DM Sans',sans-serif;cursor:pointer;transition:all .13s;flex-shrink:0}
.lab-footer .lf-back:hover{background:var(--bg2);color:var(--t1)}
.lab-footer .lf-back svg{flex-shrink:0}
.lab-footer .lf-div{display:none}
.lab-footer .lf-spacer{flex:1;pointer-events:none}
.lab-footer .ibtn{pointer-events:auto;border-radius:50%!important;width:34px!important;height:34px!important}
.lab-footer .lf-icons{display:flex;gap:5px;align-items:center;pointer-events:auto;position:absolute;left:50%;transform:translateX(-50%)}
.lab-footer .lf-cta{pointer-events:auto;background:var(--gh);color:#0F0F0F;border:none;border-radius:50px;padding:12px 26px;font-size:15px;font-weight:600;font-family:'DM Sans',sans-serif;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:background .13s,transform .1s;flex-shrink:0}
.lab-footer .lf-cta:hover{background:#F7DC9A}
.lab-footer .lf-cta:active{transform:scale(.97)}
.lab-footer .lf-secondary{pointer-events:auto;background:transparent;color:var(--ink2);border:1px solid rgba(255,255,255,.15);border-radius:50px;padding:10px 18px;font-size:14px;font-weight:500;font-family:'DM Sans',sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:background .13s,border-color .13s;flex-shrink:0}
.lab-footer .lf-secondary:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.28)}
body.light .lab-footer .lf-secondary{color:var(--ink2);border-color:rgba(0,0,0,.18)}
body.light .lab-footer .lf-secondary:hover{background:rgba(0,0,0,.05)}
.lab-footer .lf-cta.lf-cta-ghost{background:linear-gradient(135deg,#7B2FBE 0%,#9B6820 100%)!important;color:#f5e0a0!important;border:1px solid #9B4FDE!important;margin-left:10px}
.lab-footer .lf-cta.lf-cta-ghost:hover{background:linear-gradient(135deg,#9040D0 0%,#b87c28 100%)!important}
.lab-footer .lf-cta.lf-cta-ghost:disabled,.lab-footer .lf-cta.lf-cta-ghost[disabled]{opacity:.35!important;cursor:not-allowed!important}
body.light .lab-footer .lf-back{background:rgba(253,251,247,.95);box-shadow:0 2px 12px rgba(0,0,0,.12)}
body.light .lab-footer .lf-cta{background:var(--gh);color:#fff;box-shadow:0 4px 16px rgba(138,104,48,.5),0 0 0 2px rgba(138,104,48,.25)}
body.light .lab-footer .lf-cta:hover{background:#7A5810}
/* drag handle */
.drag-handle{color:var(--ink3);cursor:grab;font-size:20px;flex-shrink:0;margin-top:3px;user-select:none;opacity:.5;transition:opacity .13s;line-height:1}
.drag-handle:hover{opacity:1}
.drag-handle.dragging{cursor:grabbing}

/* objectives cards */
.ocard{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r);padding:1.1rem 1.4rem;margin-bottom:12px;display:flex;align-items:flex-start;gap:12px;animation:fadeIn .2s ease;box-shadow:var(--shadow)}
.ocard.ed{border-color:var(--gm);box-shadow:0 0 0 3px rgba(184,150,90,.1)}
.ocard.drag-over{border-color:var(--gm);background:var(--gbg)}
.onum{width:32px;height:32px;border-radius:50%;background:var(--gbg);border:1px solid var(--gbd);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:var(--gh);flex-shrink:0;margin-top:2px}
.obody{flex:1;min-width:0}
.otxt{font-size:17px;color:var(--t1);line-height:1.6}
.otxtarea{width:100%;background:var(--bg4);border:1px solid var(--b2);border-radius:8px;outline:none;font-size:17px;color:var(--t1);line-height:1.6;font-family:'DM Sans',sans-serif;resize:none;direction:rtl;padding:8px 12px}
.otxtarea:focus{border-color:var(--gm);box-shadow:0 0 0 3px rgba(184,150,90,.1)}
.olvl{font-size:13px;color:var(--t3);margin-top:5px}
.olvl b{color:var(--gh);font-weight:500}
/* unified action buttons */
.card-acts{display:flex;gap:6px;flex-shrink:0;margin-top:2px}
.card-acts-edit{display:flex;gap:8px;margin-top:10px}
.act-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--b2);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--t3);transition:all .13s;font-family:'DM Sans',sans-serif;flex-shrink:0}
.act-btn:hover{border-color:var(--gm);color:var(--gh);background:var(--gbg)}
.act-btn.del:hover{border-color:rgba(224,85,85,.4);color:#e05555;background:rgba(224,85,85,.08)}
.act-btn-save{padding:8px 18px;border-radius:8px;border:1px solid var(--gh);background:var(--gh);color:#0F0F0F;cursor:pointer;font-size:15px;font-weight:500;font-family:'DM Sans',sans-serif;transition:all .13s}
.act-btn-save:hover{background:#F7DC9A}
.act-btn-save:active{transform:scale(.98)}
.act-btn-cancel{padding:8px 14px;border-radius:8px;border:1px solid var(--b2);background:transparent;color:var(--t3);cursor:pointer;font-size:15px;font-family:'DM Sans',sans-serif;transition:all .13s}
.act-btn-cancel:hover{border-color:var(--gm);color:var(--gh)}
/* keep legacy oacts for compat */
.oacts{display:flex;gap:6px;flex-shrink:0;margin-top:2px}
.oact{width:36px;height:36px;border-radius:8px;border:1px solid var(--b2);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--t3);font-size:15px;transition:all .13s;font-family:'DM Sans',sans-serif}
.oact:hover{border-color:var(--gm);color:var(--gh);background:var(--gbg)}
.oact.sv{background:var(--gh);border-color:var(--gh);color:#0F0F0F;font-size:14px;font-weight:500;width:auto;padding:0 14px}
.oact.sv:hover{background:#F7DC9A}
.oact.dl:hover{border-color:rgba(224,85,85,.4);color:#e05555;background:rgba(224,85,85,.08)}
.add-obt{width:100%;padding:13px;border:1px dashed var(--b2);border-radius:10px;background:transparent;cursor:pointer;font-size:15px;color:var(--t3);font-family:'DM Sans',sans-serif;transition:all .16s;margin-bottom:1.75rem;display:flex;align-items:center;justify-content:center;gap:7px}
.add-obt:hover{border-color:var(--gm);color:var(--gh);background:var(--gbg)}

/* alt cards */
.alt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:2rem}
@media(max-width:700px){.alt-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:400px){.alt-grid{grid-template-columns:repeat(2,1fr)}}
.altc{background:var(--bg2);border:1.5px solid var(--b2);border-radius:12px;padding:18px 12px;cursor:pointer;transition:all .12s;text-align:center;box-shadow:var(--shadow);user-select:none}
.altc:hover{border-color:var(--gm);background:var(--gbg);transform:translateY(-1px)}
.altc.on{background:var(--gm);border-color:var(--gm)}
body.light .altc.on{background:var(--gbg);border-color:var(--gh);border-width:2px}
.altc-icon{display:flex;align-items:center;justify-content:center;margin-bottom:9px;color:var(--gm)}
.altc.on .altc-icon{color:var(--t1)}
body.light .altc.on .altc-icon{color:var(--gh)}
.altc-name{font-size:13px;font-weight:500;color:var(--t2);line-height:1.3}
.altc.on .altc-name{color:var(--t1)}
body.light .altc.on .altc-name{color:var(--gh)}

/* tree */
.tree-topic{margin-bottom:10px}
.tree-topic-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:9px;cursor:pointer;transition:background .13s}
.tree-topic-row:hover{background:var(--bg3)}
.tree-toggle{width:26px;height:26px;border-radius:6px;border:1px solid var(--b2);background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--gm);flex-shrink:0;transition:all .15s}
.tree-toggle.open{background:var(--gm);border-color:var(--gm);color:#0F0F0F}
.tree-topic-name{font-size:15px;font-weight:500;color:var(--t1);flex:1;border:none;background:transparent;font-family:'DM Sans',sans-serif;direction:rtl;}
.tree-sub-name{font-size:14px;color:var(--t2);flex:1;border:none;background:transparent;font-family:'DM Sans',sans-serif;direction:rtl;}
.tree-subs{padding-right:38px;margin-top:4px;display:none}
.tree-subs.open{display:block}
.tree-sub-row{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:7px}
.tree-sub-dot{width:7px;height:7px;border-radius:50%;background:var(--gm);flex-shrink:0}

/* script table */
.sc-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}
.sc-table th{background:var(--bg3);padding:11px 14px;text-align:right;font-weight:500;color:var(--t2);font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--b1)}
.sc-table td{padding:13px 14px;border-bottom:1px solid var(--b1);color:var(--t1);vertical-align:top;line-height:1.65;word-break:break-word}
.sc-table tr:last-child td{border-bottom:none}
.sc-table tr:hover td{background:var(--bg3)}
.sc-table [contenteditable]{outline:none;min-height:22px}
.sc-table [contenteditable]:focus{background:rgba(184,150,90,.08);border-radius:4px}
.slide-block{border-bottom:1px solid var(--b1);padding:1.25rem 1.5rem}
.slide-block:last-child{border-bottom:none}
.slide-block.editing{background:var(--gbg);border-right:3px solid var(--gm)}
.slide-num{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gm);margin-bottom:5px}
.slide-title{font-size:17px;font-weight:500;color:var(--t1);margin-bottom:6px}
.slide-title-input{font-size:17px;font-weight:500;color:var(--t1);width:100%;border:1px solid var(--b2);border-radius:6px;padding:6px 10px;font-family:'DM Sans',sans-serif;direction:rtl;outline:none;background:var(--bg3);margin-bottom:6px}
.slide-title-input:focus{border-color:var(--gm);background:var(--bg2)}
.slide-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:7px}
.stag{font-size:12px;padding:3px 9px;border-radius:6px;background:var(--bg3);color:var(--t3)}
.stag.it{background:rgba(68,112,187,.15);color:#6B9EC0}
.stag.ly{background:rgba(30,201,138,.1);color:#1ec98a}
.stag.lo{background:var(--gbg);color:var(--gm)}
.slide-notes{font-size:16px;color:var(--t2);line-height:1.65}
.slide-notes-input{font-size:16px;color:var(--t1);line-height:1.65;width:100%;border:1px solid var(--b2);border-radius:6px;padding:8px 10px;font-family:'DM Sans',sans-serif;direction:rtl;outline:none;background:var(--bg3);resize:vertical;min-height:80px}
.slide-notes-input::placeholder{color:var(--t4)}
.slide-notes-input:focus{border-color:var(--gm);background:var(--bg2)}
.slide-edit-row{display:flex;gap:6px;margin-top:8px}
.slide-edit-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;border:1px solid var(--b2);background:transparent;font-size:12px;color:var(--t3);cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .13s}
.slide-edit-btn:hover{border-color:var(--gm);color:var(--gh)}
.slide-edit-btn.sv{background:var(--gh);border-color:var(--gh);color:#0F0F0F}
.slide-edit-btn.sv:hover{background:#F7DC9A}
.add-cell{color:var(--t3);font-size:13px;font-style:italic;background:var(--bg3);text-align:center}

/* QA */
.qa-score-cat{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r);padding:1rem 1.25rem;text-align:center}
.qa-score-cat .cat-lbl{font-size:12px;color:var(--t3);margin-bottom:6px}
.qa-score-cat .cat-num{font-size:28px;font-weight:600;line-height:1}
.qa-score-cat .cat-bar{height:4px;border-radius:3px;background:var(--b2);margin-top:8px;overflow:hidden}
.qa-score-cat .cat-fill{height:100%;border-radius:3px;transition:width .4s}
.qa-matrix-table{width:100%;border-collapse:collapse;font-size:13px}
.qa-matrix-table th{background:var(--bg3);padding:9px 13px;text-align:right;font-weight:600;color:var(--t2);border:1px solid var(--b1);font-size:13px}
.qa-matrix-table td{padding:8px 13px;border:1px solid var(--b1);color:var(--t2);font-size:13px}
.qa-cell-ok{color:var(--gh);font-size:16px;text-align:center}
.qa-cell-no{color:#e05555;font-size:16px;text-align:center}
.qa-cell-part{color:var(--gm);font-size:16px;text-align:center}
.qa-score{background:var(--gbg);border:1px solid var(--gbd);border-radius:var(--r);padding:1.75rem;display:flex;align-items:center;gap:1.75rem}
.qa-score-num{font-family:'Cormorant Garamond',serif;font-size:64px;font-weight:400;line-height:1;flex-shrink:0}
.qa-score-num.hi{color:var(--gh)}
.qa-score-num.md{color:var(--gm)}
.qa-score-num.lo{color:#e05555}
.qa-score-label{font-size:16px;font-weight:500;color:var(--t1);margin-bottom:5px}
.qa-score-sub{font-size:14px;color:var(--t3)}
/* findings — 3 col grid on desktop */
.qa-findings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:1.5rem}
@media(max-width:700px){.qa-findings-grid{grid-template-columns:1fr}}
.qa-finding{border-radius:10px;overflow:hidden;border:1px solid;display:flex;flex-direction:column}
.qa-finding.resolved{opacity:.6;filter:grayscale(.4)}
.qa-finding-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.qa-fix-btn{font-size:12px;padding:5px 12px;border-radius:14px;border:1px solid var(--gm);background:none;color:var(--gm);cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .13s}
.qa-fix-btn:hover{background:var(--gbg)}
.qa-fix-btn.done{border-color:var(--gh);color:var(--gh)}
.lab-finding-banner{position:fixed;right:16px;top:80px;width:272px;z-index:150;background:var(--gbg);border:1px solid var(--gm);border-radius:12px;padding:14px 16px;display:none;box-shadow:0 4px 24px rgba(0,0,0,.4);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.lab-finding-banner.on{display:block;animation:slideInSide .22s ease}
@keyframes slideInSide{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
body.light .lab-finding-banner{box-shadow:0 4px 20px rgba(0,0,0,.12)}
.lab-finding-title{font-size:12px;font-weight:500;color:var(--gold2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px;display:flex;align-items:center;gap:6px}
.lab-finding-text{font-size:13px;color:var(--t2);line-height:1.55}
.qa-finding.sev-med{border-color:var(--gbd)}
.qa-finding.sev-low{border-color:var(--b2)}
.qa-finding-hd{padding:12px 15px;border-bottom:1px solid;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.qa-finding.sev-high .qa-finding-hd{background:var(--gbg);border-color:var(--gbd)}
.qa-finding.sev-med .qa-finding-hd{background:var(--gbg);border-color:var(--gbd)}
.qa-finding.sev-low .qa-finding-hd{background:var(--bg3);border-color:var(--b1)}
.qa-finding-title{font-size:14px;font-weight:500;color:var(--t1);flex:1;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qa-finding-tag{font-size:11px;padding:3px 10px;border-radius:4px;font-weight:600;flex-shrink:0;white-space:nowrap}
.qa-finding-tag.high{background:var(--gh);color:#0F0F0F}
.qa-finding-tag.med{background:var(--gbg);color:var(--gm);border:1px solid var(--gbd)}
.qa-finding-tag.low{background:var(--b1);color:var(--t4);border:1px solid var(--b2)}
.qa-finding-body{padding:12px 15px;background:var(--bg3);flex:1;display:flex;flex-direction:column}
.qa-finding-desc{font-size:13px;color:var(--t2);line-height:1.6;margin-bottom:10px;flex:1}
.qa-finding-rec{font-size:13px;color:var(--t2);background:var(--bg4);border-radius:7px;padding:9px 12px;line-height:1.6;border-right:3px solid var(--gm)}
.qa-finding-rec-lbl{color:var(--gh);font-size:11px;font-weight:500;display:block;margin-bottom:3px;text-transform:uppercase;letter-spacing:.05em}
.qa-nav-btn{font-size:12px;padding:7px 14px;border-radius:7px;border:1.5px solid var(--gm);background:transparent;color:var(--gh);cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .13s;margin-top:10px;display:inline-flex;align-items:center;gap:6px;font-weight:500}
.qa-nav-btn:hover{background:var(--gbg);border-color:var(--gh)}
.qa-nav-btn:active{transform:scale(.98)}
.qa-score-num{font-family:'Cormorant Garamond',serif;font-size:64px;font-weight:400;line-height:1;flex-shrink:0}
.qa-score-num.hi{color:var(--green)}
.qa-score-num.md{color:var(--gold)}
.qa-score-num.lo{color:var(--red)}
.qa-score-body{}
.qa-score-label{font-size:16px;font-weight:500;color:var(--ink);margin-bottom:5px}
.qa-score-sub{font-size:14px;color:var(--ink3)}
.qa-finding{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.qa-finding-hd{padding:14px 18px;display:flex;align-items:flex-start;gap:14px;border-bottom:1px solid var(--border)}
.qa-sev{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:7px}
.qa-sev.high{background:var(--red)}
.qa-sev.med{background:var(--gold)}
.qa-sev.low{background:var(--green)}
.qa-finding-title{font-size:15px;font-weight:500;color:var(--ink);flex:1}
.qa-finding-tag{font-size:12px;padding:4px 10px;border-radius:6px;flex-shrink:0}
.qa-finding-tag.high{background:#FDF0F0;color:var(--red);border:1px solid rgba(224,85,85,.2)}
.qa-finding-tag.med{background:#FBF6EE;color:var(--gold2);border:1px solid var(--border2)}
.qa-finding-tag.low{background:#EEF9F4;color:#2A7A58;border:1px solid rgba(30,201,138,.2)}
.qa-finding-body{padding:14px 18px}
.qa-finding-desc{font-size:14px;color:var(--ink2);line-height:1.6;margin-bottom:12px}
.qa-finding-rec{font-size:14px;color:var(--t3);background:var(--bg3);border-radius:7px;padding:11px 14px;line-height:1.6;border-right:3px solid var(--gold)}
.qa-finding-rec-lbl{color:var(--gold2);font-size:12px;font-weight:500;display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}
.qa-nav-btn{font-size:13px;padding:7px 14px;border-radius:7px;border:1.5px solid var(--gm);background:transparent;color:var(--gh);cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .13s;margin-top:12px;display:inline-flex;align-items:center;gap:6px}
.qa-nav-btn:hover{background:var(--gbg);border-color:var(--gh)}

/* צבעי סוג תוכן בקורס דיגיטלי */
.layout-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;margin-bottom:4px}
.layout-קרוסלה{background:#EEF4FF;color:#3B5EA6}
.layout-אקורדיון{background:#FFF4E6;color:#A06010}
.layout-ציטוט{background:#F3F0FF;color:#6B46C1}
.layout-תמונה{background:#E6F7F0;color:#0f7a52}
.layout-תוכן{background:#F5F5F5;color:#555}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-thumb{background:rgba(184,150,90,.2);border-radius:3px}

/* ===== CLICK-TO-EDIT SYSTEM ===== */
/* כל טקסט הניתן לעריכה — hover מרמז, לחיצה פותחת */
.editable-text{
  cursor:text;
  border-radius:6px;
  padding:3px 6px;
  margin:-3px -6px;
  transition:background .14s;
  outline:none;
  display:block;
  width:100%;
  line-height:inherit;
  font:inherit;
  color:var(--t1);
  background:transparent;
}
.editable-text:hover{background:rgba(184,150,90,.08)}
.editable-text:focus{
  background:var(--bg2);
  box-shadow:0 0 0 2px rgba(184,150,90,.35);
  cursor:text;
}
/* textarea variant */
.editable-area{
  cursor:text;
  border-radius:6px;
  padding:4px 6px;
  transition:background .14s;
  outline:none;
  display:block;
  width:100%;
  resize:none;
  border:none;
  background:transparent;
  font:inherit;
  color:var(--t1);
  line-height:inherit;
  overflow:hidden;
  min-height:1.6em;
  font-family:'DM Sans',sans-serif;
  direction:rtl;
}
.editable-area:hover{background:rgba(184,150,90,.07);border-radius:5px}
.editable-area:focus{
  background:rgba(184,150,90,.07);
  box-shadow:0 0 0 2px rgba(184,150,90,.3);
  border-radius:5px;
  resize:vertical;
  overflow:auto;
}

/* regen banner */
.regen-banner{display:none;background:var(--gbg);border:1.5px solid var(--gm);border-radius:var(--r);padding:1.1rem 1.4rem;margin-bottom:1.5rem;direction:rtl}
.regen-banner.on{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;animation:bannerIn .3s ease}
@keyframes bannerIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.regen-banner-txt{flex:1;font-size:14px;color:var(--ink2);line-height:1.5;min-width:160px}
.regen-banner-txt strong{color:var(--gold2);font-weight:500}
.regen-banner-btns{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}
@keyframes pulse-gold{0%,100%{box-shadow:0 0 0 0 rgba(184,150,90,.5)}50%{box-shadow:0 0 0 6px rgba(184,150,90,0)}}
.btn-pulse{animation:pulse-gold 1.8s ease-in-out 3}

/* question type cards */
.qtype-card{padding:18px 12px;border-radius:10px;border:1.5px solid var(--b2);background:var(--bg2);cursor:pointer;text-align:center;transition:all .12s;user-select:none}
.qtype-card:hover{border-color:var(--gm);background:var(--gbg);transform:translateY(-1px)}
.qtype-card.on{background:var(--gm);border-color:var(--gm)}
.qtype-card .qtic{font-size:26px;color:var(--gm);margin-bottom:7px;line-height:1;transition:color .1s}
.qtype-card.on .qtic{color:var(--t1)}
.qtype-card .qtlb{font-size:13px;font-weight:500;color:var(--t2);line-height:1.3}
.qtype-card.on .qtlb{color:var(--t1)}

/* question cards */
.qcard{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r);overflow:hidden;animation:fadeIn .2s ease}
.qcard.ed{border-color:var(--gm);box-shadow:0 0 0 3px rgba(184,150,90,.1)}
.qcard.drag-over{border-color:var(--gm);background:var(--gbg)}
.vsort-row.drag-above{border-top:3px solid var(--gm)!important}
.vsort-row.drag-below{border-bottom:3px solid var(--gm)!important}
.vsort-row.sdragging{opacity:.3!important;background:var(--bg3)!important}
.sort-row.sdragging{opacity:.3!important}
.qans.survey{background:var(--bg3);border-color:var(--b1)}
/* נכון/לא נכון */
.tf-cards{display:flex;gap:10px;margin-bottom:12px}
.tf-card{flex:1;padding:18px 12px;border-radius:10px;border:2px solid var(--b2);cursor:pointer;transition:all .18s;text-align:center;user-select:none;font-size:16px;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--bg2);color:var(--t2)}
.tf-card:hover{transform:translateY(-2px);border-color:var(--gm)}
.tf-card.tf-true{border-color:rgba(30,201,138,.3);background:rgba(30,201,138,.06);color:#1ec98a}
.tf-card.tf-true.selected{background:#1ec98a;border-color:#1ec98a;color:#0F0F0F;box-shadow:0 4px 16px rgba(30,201,138,.3)}
.tf-card.tf-false{border-color:rgba(224,85,85,.25);background:rgba(224,85,85,.05);color:#e05555}
.tf-card.tf-false.selected{background:#e05555;border-color:#e05555;color:white;box-shadow:0 4px 16px rgba(224,85,85,.25)}
.tf-icon{font-size:26px;line-height:1}
.qcard-hd{padding:14px 18px;display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid var(--b1)}
.qcard-num{width:30px;height:30px;border-radius:50%;background:var(--gbg);border:1px solid var(--gbd);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--gh);flex-shrink:0;margin-top:2px}
.qcard-txt{font-size:17px;color:var(--t1);line-height:1.6;flex:1}
.qcard-txt-input{width:100%;background:var(--bg4);border:1px solid var(--b2);border-radius:8px;outline:none;font-size:17px;color:var(--t1);line-height:1.6;font-family:'DM Sans',sans-serif;resize:none;direction:rtl;padding:8px 12px}
.qcard-txt-input::placeholder{color:var(--t4)}
.qcard-txt-input:focus{border-color:var(--gm);box-shadow:0 0 0 3px rgba(184,150,90,.1)}
.qcard-badge{font-size:12px;padding:4px 10px;border-radius:9px;border:1px solid var(--b2);color:var(--t3);background:var(--bg3);flex-shrink:0;white-space:nowrap}
body.light .qcard-badge{background:#F0E8D8;border-color:#D8C8A8;color:#8A6A30}
.qcard-body{padding:14px 18px}
.qans-list{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}
.qans{display:flex;align-items:center;gap:10px;font-size:15px;padding:8px 13px;border-radius:8px;border:1px solid var(--b1);background:var(--bg3)}
.qans.ok{background:rgba(30,201,138,.08);border-color:rgba(30,201,138,.25);color:#1ec98a}
.qans.no{background:var(--bg3);color:var(--t2)}
/* Checkbox marker — עגול לתשובה יחידה, מרובע לריבוי בחירה */
.qans-mk{width:20px;height:20px;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;cursor:pointer;transition:all .13s}
.qans-mk.radio{border-radius:50%}
.qans-mk.checkbox{border-radius:4px}
.qans.ok .qans-mk{background:#1ec98a;border-color:#1ec98a;color:#0F0F0F}
.qans-input{border:none;outline:none;background:transparent;font-family:'DM Sans',sans-serif;font-size:15px;color:inherit;flex:1;direction:rtl}
.qans-input::placeholder{color:var(--t4)}
/* feedback box — ללא border כפול */
.qfb{font-size:14px;color:var(--t3);background:var(--bg3);border-radius:7px;padding:11px 13px;line-height:1.6;border-right:3px solid var(--gm)}
.qfb-lbl{color:var(--gh);font-size:12px;font-weight:500;display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}
.qfb-input{border:none;outline:none;background:transparent;font-family:'DM Sans',sans-serif;font-size:14px;color:var(--t2);width:100%;resize:none;direction:rtl}
.qfb-input::placeholder{color:var(--t4)}
.qcard-acts{display:flex;gap:7px;padding:12px 18px;border-top:1px solid var(--b1);background:var(--bg3)}
.qact{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:7px;border:1.5px solid var(--b2);background:transparent;font-size:14px;color:var(--t3);cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .13s}
.qact:hover{border-color:var(--gm);color:var(--gh);background:var(--gbg)}
.qact.sv{background:var(--gh);border-color:var(--gh);color:#0F0F0F}
.qact.sv:hover{background:#F7DC9A}
.qact.sv:active{transform:scale(.98)}
.qact.dl:hover{border-color:rgba(224,85,85,.4);color:#e05555;background:rgba(224,85,85,.08)}
/* sort row — dark mode aware */
.vsort-row{display:flex;align-items:center;gap:8px;background:var(--bg3);border:1px solid var(--b2);border-radius:8px;padding:8px 12px}
.vsort-row:hover{border-color:var(--gm)}
/* drag rows — dark mode editable inputs */
.q-inline-input{border:1px solid var(--b2);border-radius:6px;padding:5px 10px;font-size:13px;font-family:'DM Sans',sans-serif;background:var(--bg4);color:var(--t1);direction:rtl;outline:none}
.q-inline-input:focus{border-color:var(--gm);background:var(--bg2)}
.q-inline-select{border:1px solid var(--b2);border-radius:6px;padding:6px 10px;font-size:13px;background:var(--bg4);color:var(--t1);font-family:'DM Sans',sans-serif;direction:rtl;outline:none}
.q-inline-select:focus{border-color:var(--gm)}
.q-add-btn{background:transparent;border:1px dashed var(--b2);border-radius:6px;padding:5px 12px;font-size:12px;color:var(--t3);cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .13s;margin-top:6px}
.q-add-btn:hover{border-color:var(--gm);color:var(--gh)}
.qtype-side{display:flex;align-items:center;gap:8px;width:100%;padding:11px 12px;background:var(--bg2);border:1px solid var(--b2);border-radius:var(--rsm);cursor:pointer;font-family:'DM Sans',sans-serif;color:var(--t2);transition:all .14s;text-align:right;font-size:14px}
.qtype-side:hover{background:var(--gbg);border-color:var(--gm);color:var(--t1)}
/* terminology modal */
.term-modal-tabs{display:flex;gap:0;border-bottom:1px solid var(--b1);margin-bottom:16px}
.term-tab{padding:10px 16px;font-size:13px;color:var(--t3);cursor:pointer;border-bottom:2px solid transparent;transition:all .13s;font-family:'DM Sans',sans-serif;background:none;border-top:none;border-left:none;border-right:none}
.term-tab.active{color:var(--gh);border-bottom-color:var(--gh)}
.term-tab:disabled{opacity:.35;cursor:not-allowed}
.term-section-label{font-size:12px;font-weight:500;color:var(--t3);letter-spacing:.03em;margin:18px 0 6px;padding-bottom:4px;border-bottom:1px solid var(--b1)}
.term-pair-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:var(--bg2);border:1px solid var(--b1);margin-bottom:6px;direction:rtl}
.term-pair-input{flex:1;background:transparent;border:none;font-size:13px;color:var(--t1);font-family:'DM Sans',sans-serif;outline:none;min-width:0}
.term-pair-sep{font-size:11px;color:var(--t4);flex-shrink:0;padding:0 2px}
.term-rule-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:var(--bg2);border:1px solid var(--b1);margin-bottom:6px;direction:rtl}
.term-rule-input{flex:1;background:transparent;border:none;font-size:13px;color:var(--t1);font-family:'DM Sans',sans-serif;outline:none;min-width:0}
.term-del-btn{width:22px;height:22px;border-radius:5px;background:transparent;border:1px solid transparent;color:var(--t4);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;transition:all .13s;line-height:1}
.term-del-btn:hover{background:rgba(224,85,85,.12);border-color:rgba(224,85,85,.25);color:#e05555}
.term-add-row{display:flex;gap:8px;margin-top:8px;direction:rtl}
.term-add-inp{flex:1;background:var(--bg2);border:1px solid var(--b1);border-radius:8px;padding:8px 10px;font-size:13px;color:var(--t1);font-family:'DM Sans',sans-serif;direction:rtl}
.term-add-inp:focus{outline:none;border-color:var(--gm)}
.term-add-inp::placeholder{color:var(--t4)}
.term-add-btn{padding:8px 14px;border-radius:8px;background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.3);color:var(--gh);font-size:13px;cursor:pointer;white-space:nowrap;font-family:'DM Sans',sans-serif;transition:all .13s}
.term-add-btn:hover{background:rgba(201,168,76,.2);border-color:rgba(201,168,76,.5)}
.term-warn{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:8px;background:rgba(240,160,40,.07);border:1px solid rgba(240,160,40,.2);margin-bottom:14px;direction:rtl}
.term-warn svg{flex-shrink:0;color:#f0a028;margin-top:1px}
.term-warn p{font-size:12px;color:var(--t3);line-height:1.55}
.term-empty{font-size:13px;color:var(--t4);text-align:center;padding:12px 0;font-style:italic}
/* terminology warning banner on home page */
.term-notice{display:none;align-items:center;gap:10px;padding:10px 16px;border-radius:10px;background:rgba(240,160,40,.07);border:1px solid rgba(240,160,40,.2);margin-bottom:16px;direction:rtl;cursor:pointer}
.term-notice.on{display:flex}
.term-notice p{font-size:13px;color:var(--t2)}
.term-notice span{font-size:12px;color:var(--gh);text-decoration:underline;white-space:nowrap;flex-shrink:0}
/* ===== APP SHELL — push layout ===== */
#app-shell{display:flex;flex-direction:row;height:100vh;overflow:hidden}
#icon-bar{width:44px;flex-shrink:0;background:var(--bg2);border-left:1px solid var(--b2);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:2px;height:100vh;order:1;position:relative;z-index:150}
#sb-panel{width:240px;flex-shrink:0;background:var(--bg2);border-left:1px solid var(--b2);overflow-x:hidden;overflow-y:auto;transition:width .22s ease;display:flex;flex-direction:column;direction:rtl;height:100vh;order:2;position:relative;z-index:150}
#sb-panel.collapsed{width:0}
/* settings section in icon-bar — always visible */
.ib-settings{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;padding:4px 0 2px}
.ib-plus-btn{position:relative}
.ib-plus-dot{position:absolute;top:5px;right:5px;width:10px;height:10px;background:#2a9d5c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;color:#fff;font-weight:700;line-height:1;pointer-events:none}
/* sb-panel section headers — text only, 32px to match icon-bar buttons */
.sb-sec-hd{height:32px;display:flex;align-items:center;padding:0 12px;font-size:12px;font-weight:500;color:var(--t2);flex-shrink:0;justify-content:space-between;margin:1px 0}
.sb-sec-hd-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--t3);border-radius:4px;font-size:16px;transition:all .13s;font-family:'DM Sans',sans-serif}
.sb-sec-hd-btn:hover{background:var(--b2);color:var(--t1)}
.sb-home-row{height:32px;display:flex;align-items:center;padding:0 12px;font-size:12px;color:var(--t2);cursor:pointer;margin:1px 0;transition:background .12s}
.sb-home-row:hover,.sb-home-row.active{background:var(--bg3);color:var(--t1);font-weight:500}
.sb-home-row.active{border-right:2px solid var(--gh)}
#main-area{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-width:0;position:relative;order:3;scrollbar-width:none}
#main-area::-webkit-scrollbar{display:none}
#content-area{flex:1;display:flex;flex-direction:column;position:relative}
.icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--t3);border-radius:8px;transition:all .15s}
.icon-btn:hover{background:rgba(255,255,255,.08);color:var(--ink)}
.icon-btn.active{color:var(--gh)}
.icon-sep{width:26px;height:1px;background:var(--b1);margin:3px 0;flex-shrink:0}
.icon-spacer{flex:1}
/* sb-panel inner */
.sb-panel-logo{padding:14px 14px 10px;font-size:13px;font-weight:600;color:var(--t3);letter-spacing:.01em;flex-shrink:0;border-bottom:1px solid var(--b1);margin-bottom:4px}
.sb-panel-logo em{color:var(--gh);font-style:normal}
.sb-icon-row{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 6px;border-top:1px solid var(--b1);margin-top:auto;flex-shrink:0}
/* footer respects sidebar — right set via JS for smooth animation (sidebar is on the RIGHT in RTL) */
.lab-footer{left:0!important;transition:right .22s ease!important}
/* select options contrast fix */
select.fi option{background:var(--bg2);color:var(--ink)}
.sb-user{padding:16px 14px 14px;border-bottom:1px solid var(--b1);display:flex;align-items:center;gap:10px;flex-shrink:0}
.sb-avatar{width:34px;height:34px;border-radius:50%;background:var(--gbg);border:1px solid var(--gm);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--gh);flex-shrink:0}
.sb-user-name{font-size:13px;font-weight:600;color:var(--ink)}
.sb-user-email{font-size:11px;color:var(--t3)}
.sb-section-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--t4);padding:12px 14px 4px}
.sb-item{display:flex;align-items:center;gap:9px;padding:8px 14px;font-size:13px;color:var(--t2);cursor:pointer;transition:background .12s,color .12s;border:none;background:none;width:100%;text-align:right;font-family:inherit}
.sb-item:hover{background:rgba(255,255,255,.05);color:var(--ink)}
.sb-item.active{color:var(--ink);font-weight:500}
.sb-item svg{flex-shrink:0;opacity:.7}
.sb-item.danger{color:var(--red,#e05555)}
.sb-item.danger:hover{background:rgba(224,85,85,.08)}
.sb-divider{height:1px;background:var(--b1);margin:6px 14px}
.sb-bottom{margin-top:auto;border-top:1px solid var(--b1);padding:6px 0}
/* accordion */
.sb-acc-header{display:flex;align-items:center;gap:9px;padding:8px 14px;font-size:13px;color:var(--t2);cursor:pointer;transition:background .12s,color .12s;user-select:none}
.sb-acc-header:hover{background:rgba(255,255,255,.05);color:var(--ink)}
.sb-acc-header svg{flex-shrink:0;opacity:.7}
.sb-acc-arrow{margin-right:auto;transition:transform .18s;opacity:.5}
.sb-acc-arrow.open{transform:rotate(180deg)}
.sb-acc-body{overflow:hidden;max-height:0;transition:max-height .22s ease}
.sb-acc-body.open{max-height:600px}
.sb-acc-child{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 28px;font-size:12px;color:var(--t3);cursor:pointer;transition:background .12s,color .12s}
.sb-acc-child:hover{background:rgba(255,255,255,.05);color:var(--ink)}
.sb-acc-child.active{color:var(--gh);font-weight:500}
.sb-acc-child svg{flex-shrink:0;opacity:.65}
.sb-acc-subchild{display:flex;align-items:center;gap:8px;padding:5px 14px 5px 42px;font-size:12px;color:var(--t3);cursor:pointer;transition:background .12s,color .12s}
.sb-acc-subchild:hover{background:rgba(255,255,255,.05);color:var(--ink)}
.sb-acc-subchild.active{color:var(--gh)}
/* drag & drop */
.sb-drag-handle{cursor:grab;color:var(--t4);font-size:13px;padding:0 4px 0 0;flex-shrink:0;opacity:0;transition:opacity .13s;user-select:none}
.sb-acc-child:hover .sb-drag-handle,.sb-acc-subchild:hover .sb-drag-handle{opacity:1}
.sb-drag-handle:active{cursor:grabbing}
.sb-drag-over{background:rgba(139,92,246,.15)!important;border-radius:6px;outline:1px dashed var(--gm)}
.sb-add-btn{display:flex;align-items:center;gap:7px;padding:5px 14px 5px 28px;font-size:11px;color:var(--t4);cursor:pointer;transition:color .12s;border:none;background:none;font-family:inherit;width:100%;text-align:right}
.sb-add-btn:hover{color:var(--gh)}
.sb-add-btn-sub{padding-right:42px}
/* filter chip */
.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:20px;background:var(--gbg);border:1px solid var(--gm);font-size:12px;color:var(--gh);margin-bottom:12px}
.filter-chip-x{cursor:pointer;opacity:.7;transition:opacity .12s;background:none;border:none;color:inherit;padding:0;display:flex;align-items:center}
.filter-chip-x:hover{opacity:1}
.breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:16px;font-size:13px;flex-wrap:wrap}
.bc-seg{color:var(--t3);cursor:pointer;transition:color .12s;background:none;border:none;font-family:'DM Sans',sans-serif;font-size:13px;padding:0}
.bc-seg:hover{color:var(--t1)}
.bc-seg.active{color:var(--t1);font-weight:500;cursor:default}
.bc-sep{color:var(--t4);font-size:11px;flex-shrink:0}
.bc-close{margin-right:4px;opacity:.6;cursor:pointer;background:none;border:none;color:var(--t3);padding:0;display:flex;align-items:center;transition:opacity .12s}
.bc-close:hover{opacity:1}
/* menu button — 3 unequal lines */
.menu-btn{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:7px;background:none;border:none;cursor:pointer;color:var(--t2);transition:color .15s;border-radius:8px}
.menu-btn:hover{color:var(--ink);background:rgba(255,255,255,.06)}
.menu-btn span{display:block;height:1.5px;border-radius:2px;background:currentColor;transition:width .15s}
body.light .sb-item:hover,body.light .sb-acc-header:hover,body.light .sb-acc-child:hover,body.light .sb-acc-subchild:hover{background:rgba(0,0,0,.04)}
body.light #sb-panel,body.light #icon-bar{background:#f5f4f0;border-color:rgba(0,0,0,.1)}
/* profile button */
.profile-wrap{position:relative}
.profile-btn{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--b2);border-radius:50px;padding:5px 12px 5px 6px;cursor:pointer;transition:all .15s;color:var(--t2);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500}
.profile-btn:hover{background:var(--bg3);border-color:var(--gm);color:var(--t1)}
.profile-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#6428B4 0%,#C89A44 100%);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0;overflow:hidden}
.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.profile-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-menu{position:fixed;background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r);padding:.6rem;min-width:210px;z-index:9999;display:none;box-shadow:0 8px 28px rgba(0,0,0,.5);direction:rtl}
.profile-menu.on{display:block}
.ib-profile-wrap{width:100%;display:flex;justify-content:center}
.ib-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#6428B4 0%,#C89A44 100%);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;overflow:hidden;flex-shrink:0}
.ib-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.ib-avatar svg{stroke:#fff;width:13px;height:13px}
.ib-profile-menu{position:fixed;bottom:auto;top:auto;right:auto;left:auto}
.profile-menu-user{padding:10px 12px 12px;border-bottom:1px solid var(--b1);margin-bottom:6px}
.profile-menu-name{font-size:14px;font-weight:500;color:var(--t1);margin-bottom:2px}
.profile-menu-email{font-size:12px;color:var(--t4)}
.profile-menu-item{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:8px;font-size:13px;color:var(--t3);cursor:pointer;transition:all .13s;font-family:'DM Sans',sans-serif;border:none;background:transparent;width:100%;text-align:right}
.profile-menu-item:hover{background:var(--bg3);color:var(--t1)}
.profile-menu-item.danger:hover{background:rgba(224,85,85,.15);color:#F08080}
.profile-menu-danger{color:#e07070!important}
.profile-menu-danger:hover{background:rgba(224,85,85,.15)!important;color:#F08080!important}
.profile-menu-sep{height:1px;background:rgba(255,255,255,.08);margin:4px 0}
/* accessibility switch */
.a11y-sw{width:36px;height:20px;border-radius:20px;background:rgba(255,255,255,.15);position:relative;transition:background .2s;flex-shrink:0}
.a11y-sw::after{content:'';position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}
[id^="tog-"].on .a11y-sw{background:#7B2FBE}
[id^="tog-"].on .a11y-sw::after{transform:translateX(-16px)}
#a11y-panel.open{transform:translateX(0)!important}
/* font size — text only, not layout */
body.a11y-fs-1 p,body.a11y-fs-1 span,body.a11y-fs-1 div,body.a11y-fs-1 button,body.a11y-fs-1 label,body.a11y-fs-1 input,body.a11y-fs-1 textarea,body.a11y-fs-1 select,body.a11y-fs-1 li,body.a11y-fs-1 td,body.a11y-fs-1 th{font-size:105%!important}
body.a11y-fs-2 p,body.a11y-fs-2 span,body.a11y-fs-2 div,body.a11y-fs-2 button,body.a11y-fs-2 label,body.a11y-fs-2 input,body.a11y-fs-2 textarea,body.a11y-fs-2 select,body.a11y-fs-2 li,body.a11y-fs-2 td,body.a11y-fs-2 th{font-size:110%!important}
body.a11y-fs-3 p,body.a11y-fs-3 span,body.a11y-fs-3 div,body.a11y-fs-3 button,body.a11y-fs-3 label,body.a11y-fs-3 input,body.a11y-fs-3 textarea,body.a11y-fs-3 select,body.a11y-fs-3 li,body.a11y-fs-3 td,body.a11y-fs-3 th{font-size:115%!important}
body.a11y-fs-m1 p,body.a11y-fs-m1 span,body.a11y-fs-m1 div,body.a11y-fs-m1 button,body.a11y-fs-m1 label,body.a11y-fs-m1 input,body.a11y-fs-m1 textarea,body.a11y-fs-m1 select,body.a11y-fs-m1 li{font-size:95%!important}
body.a11y-fs-m2 p,body.a11y-fs-m2 span,body.a11y-fs-m2 div,body.a11y-fs-m2 button,body.a11y-fs-m2 label,body.a11y-fs-m2 input,body.a11y-fs-m2 textarea,body.a11y-fs-m2 select,body.a11y-fs-m2 li{font-size:90%!important}
body.a11y-high-contrast{filter:contrast(1.5) brightness(1.1)}
body.a11y-no-motion *{animation:none!important;transition:none!important}
body.a11y-spacing{line-height:2!important;letter-spacing:.05em!important}
body.a11y-dyslexia,body.a11y-dyslexia *{font-family:Arial,sans-serif!important;letter-spacing:.05em!important}
.profile-menu-plan{display:inline-block;margin-top:5px;font-size:10px;font-weight:600;letter-spacing:.06em;padding:2px 8px;border-radius:20px;text-transform:uppercase}
.plan-trial{background:rgba(255,255,255,.07);color:rgba(255,255,255,.35)}
.plan-pro{background:linear-gradient(135deg,rgba(100,40,180,.4),rgba(200,154,68,.4));color:var(--gold2);border:1px solid rgba(240,201,122,.3)}
.plan-card{background:var(--bg2);border:1px solid var(--b2);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;position:relative}
.plan-card-highlight{border-color:rgba(240,201,122,.4);background:linear-gradient(135deg,rgba(100,40,180,.1),rgba(200,154,68,.05))}
.plan-badge{position:absolute;top:-10px;right:50%;transform:translateX(50%);background:linear-gradient(135deg,#6428B4,#C89A44);color:#fff;font-size:10px;font-weight:700;padding:3px 12px;border-radius:20px;letter-spacing:.06em}
.plan-name{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--t1)}
.plan-users{font-size:12px;color:var(--t3)}
.plan-price{font-size:32px;font-weight:700;color:var(--t1);padding:.4rem 0}
.plan-price span{font-size:13px;font-weight:400;color:var(--t3)}
.plan-btn{width:100%;padding:10px;background:var(--bg3);border:1px solid var(--b2);border-radius:10px;font-size:13px;font-weight:500;color:var(--t2);cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .15s;margin-top:.5rem}
.plan-btn:hover{border-color:var(--gm);color:var(--gold2);background:var(--gbg)}
.plan-btn-gold{background:linear-gradient(135deg,rgba(100,40,180,.5),rgba(200,154,68,.4));border-color:rgba(240,201,122,.4);color:var(--gold2)}
.plan-btn-gold:hover{background:linear-gradient(135deg,rgba(100,40,180,.7),rgba(200,154,68,.6))}
.qtype-side.btn-loading{opacity:.5;pointer-events:none}
.qtype-side.btn-loading .qtype-icon{display:none}
.qtype-side.btn-loading::before{content:'';display:inline-block;width:16px;height:16px;border:2px solid var(--b2);border-top-color:var(--gm);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}
.q-generating-placeholder{background:var(--bg2);border:1px dashed var(--b2);border-radius:var(--r);padding:18px 20px;display:flex;align-items:center;gap:12px;color:var(--t3);font-size:13px;font-family:'DM Sans',sans-serif;margin-bottom:8px}
.q-generating-placeholder .spin{width:20px;height:20px;border-width:2px;margin:0;flex-shrink:0}

/* ============================================================
   GLASS REDESIGN — v94 override
   סגנון: iOS/WhatsApp frosted glass, סגול+זהב, ללא פסים
   ============================================================ */

/* ── Dark glass vars — שומרים על vars מקוריים, רק מחליפים bg ו-gold ── */
:root{
  --bg:#08090e;
  --bg2:#12101a;
  --bg3:#1a1628;
  --bg4:#0c0a14;
  --b1:rgba(255,255,255,.08);
  --b2:rgba(130,60,220,.20);
  --t1:rgba(238,242,248,.88);
  --t2:rgba(238,242,248,.70);
  --t3:rgba(238,242,248,.45);
  --t4:rgba(238,242,248,.28);
  --gh:#c9a84c;
  --gm:#c9a84c;
  --gl:#a07830;
  --gbg:rgba(201,168,76,.10);
  --gbd:rgba(201,168,76,.40);
  --border:rgba(130,60,220,.20);
  --border2:rgba(201,168,76,.40);
  --shadow:0 2px 16px rgba(0,0,0,.45);
  --r:16px;
}

/* ── Light glass vars ── */
body.light{
  --bg:#f4f1ec;
  --bg2:#fdfaf5;
  --bg3:#f0ebe3;
  --bg4:#f5f0e8;
  --b1:rgba(0,0,0,.08);
  --b2:rgba(100,40,180,.12);
  --t1:rgba(26,26,46,.88);
  --t2:rgba(26,26,46,.70);
  --t3:rgba(26,26,46,.50);
  --t4:rgba(26,26,46,.30);
  --gh:#a07820;
  --gm:#a07820;
  --gl:#c89a44;
  --gbg:rgba(160,120,32,.08);
  --gbd:rgba(160,120,32,.35);
  --border:rgba(100,40,180,.12);
  --border2:rgba(160,120,32,.35);
  --shadow:0 2px 12px rgba(100,40,180,.06);
}

/* ── Body background ── */
body{
  background:#08090e;
  background-image:
    linear-gradient(135deg,rgba(100,40,180,.20) 0%,transparent 50%),
    linear-gradient(315deg,rgba(180,130,30,.13) 0%,transparent 44%);
  background-attachment:fixed;
}
body.light{
  background:#f4f1ec;
  background-image:
    linear-gradient(135deg,rgba(100,40,180,.07) 0%,transparent 50%),
    linear-gradient(315deg,rgba(160,115,20,.08) 0%,transparent 44%);
  background-attachment:fixed;
}

/* ── Login page — fix full-screen cover ── */
#pg-login.on{
  position:fixed!important;
  inset:0!important;
  z-index:9000!important;
  min-height:100vh!important;
  overflow:hidden!important;
}

/* ── Topbar (header) ── */
.hdr,.home-hdr{
  background:rgba(8,9,14,.88)!important;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(130,60,220,.25)!important;
  box-shadow:0 1px 20px rgba(0,0,0,.5)!important;
  height:88px!important;
  padding:0 2rem!important;
}
body.light .hdr,body.light .home-hdr{
  background:rgba(244,241,236,.92)!important;
  border-bottom:1px solid rgba(100,40,180,.18)!important;
  box-shadow:0 1px 16px rgba(100,40,180,.08)!important;
}

/* step dots */
.sdot.act{background:rgba(201,168,76,.18);color:var(--gh);border:1.5px solid var(--gh)}
body.light .sdot.act{background:rgba(160,120,32,.15);color:var(--gh);border:1.5px solid var(--gh)}
.sdot.fut{background:rgba(255,255,255,.04);color:var(--t4);border:1px solid rgba(255,255,255,.10)}
body.light .sdot.fut{background:rgba(0,0,0,.04);color:var(--t4);border:1px solid rgba(0,0,0,.10)}
.sdot.done{background:rgba(201,168,76,.10);color:var(--gh);border:1px solid rgba(201,168,76,.22)}
body.light .sdot.done{background:rgba(160,120,32,.08);color:var(--gh);border:1px solid rgba(160,120,32,.22)}
.sline.done{background:rgba(201,168,76,.55)}
.sline.fut{background:rgba(255,255,255,.22)}
body.light .sline.fut{background:rgba(0,0,0,.08)}

/* header icon buttons */
.hbtn{color:rgba(238,242,248,.55)!important}
.hbtn:hover{color:rgba(238,242,248,.90)!important}
body.light .hbtn{color:rgba(26,26,46,.50)!important}
body.light .hbtn:hover{color:rgba(26,26,46,.85)!important}
.hbtn.gold{color:var(--gh)!important}

/* ── Cards ── */
.card{
  background:rgba(100,40,180,.08);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(130,60,220,.18);
  border-radius:16px;
  box-shadow:none;
}
body.light .card{
  background:rgba(255,255,255,.60);
  border:1px solid rgba(100,40,180,.10);
  box-shadow:0 2px 12px rgba(100,40,180,.05);
}

/* home project cards */
.pcard{
  background:rgba(100,40,180,.07);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(130,60,220,.15);
  border-radius:16px;
}
.pcard:hover{
  border-color:rgba(201,168,76,.35);
  box-shadow:0 4px 20px rgba(100,40,180,.15);
  transform:translateY(-2px);
}
body.light .pcard{background:rgba(255,255,255,.55);border-color:rgba(100,40,180,.10)}
body.light .pcard:hover{border-color:rgba(160,120,32,.35);box-shadow:0 4px 16px rgba(100,40,180,.08)}
.pcard-done{border:1.5px solid rgba(240,201,122,.55)!important;background:var(--gbg)!important}
body.light .pcard-done{border:1.5px solid rgba(160,120,32,.45)!important}

/* project panels / modals */
.ppanel,.modal{
  background:rgba(12,10,22,.85);
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
  border:1px solid rgba(130,60,220,.20);
}
body.light .ppanel,body.light .modal{
  background:rgba(244,241,236,.90);
  border:1px solid rgba(100,40,180,.12);
}

/* toolbar */
.toolbar{
  background:rgba(100,40,180,.07);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(130,60,220,.15);
}
body.light .toolbar{background:rgba(255,255,255,.55);border-color:rgba(100,40,180,.12)}

/* ── Buttons ── */

/* PRIMARY / LAB / CTA — gold gradient glass */
.btn-p,.btn-lab,.btn-cta,.fwd-nav,.lab-footer .lf-cta{
  background:linear-gradient(135deg,rgba(201,168,76,.25),rgba(180,130,30,.15))!important;
  color:#e8c96a!important;
  border:1px solid rgba(201,168,76,.35)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.btn-p:hover,.btn-lab:hover,.btn-cta:hover,.fwd-nav:hover,.lab-footer .lf-cta:hover{
  background:linear-gradient(135deg,rgba(201,168,76,.35),rgba(180,130,30,.22))!important;
  border-color:rgba(201,168,76,.55)!important;
}
body.light .btn-p,body.light .btn-lab,body.light .btn-cta,body.light .fwd-nav,body.light .lab-footer .lf-cta{
  background:linear-gradient(135deg,rgba(100,40,180,.13),rgba(80,30,160,.07))!important;
  color:#5a20c0!important;
  border:1.5px solid rgba(100,40,180,.28)!important;
  box-shadow:none!important;
}
body.light .btn-p:hover,body.light .btn-lab:hover,body.light .btn-cta:hover,body.light .fwd-nav:hover,body.light .lab-footer .lf-cta:hover{
  background:linear-gradient(135deg,rgba(100,40,180,.22),rgba(80,30,160,.13))!important;
  border-color:rgba(100,40,180,.42)!important;
}

/* SECONDARY / AI / BACK — glass */
.btn-s,.btn-ai,.btn-nav-lab,.qa-nav-btn{
  background:rgba(255,255,255,.08)!important;
  color:rgba(238,242,248,.85)!important;
  border:1.5px solid rgba(255,255,255,.35)!important;
}
.btn-s:hover,.btn-ai:hover,.qa-nav-btn:hover{
  background:rgba(255,255,255,.15)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.55)!important;
}
.btn-s:active,.btn-ai:active,.qa-nav-btn:active{transform:scale(.98)}
body.light .btn-s,body.light .btn-ai,body.light .btn-nav-lab,body.light .qa-nav-btn{
  background:rgba(0,0,0,.05)!important;
  color:rgba(26,26,46,.70)!important;
  border:1.5px solid rgba(0,0,0,.22)!important;
}
body.light .btn-s:hover,body.light .btn-ai:hover,body.light .qa-nav-btn:hover{
  background:rgba(0,0,0,.10)!important;
  border-color:rgba(0,0,0,.35)!important;
}

/* project stage pills — תגיות לאב בכרטיס */
.pstage{
  background:rgba(255,255,255,.06)!important;
  color:rgba(238,242,248,.55)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.pstage.done{
  background:linear-gradient(90deg,rgba(100,40,180,.18) 0%,rgba(201,168,76,.14) 100%)!important;
  color:#c4a3e8!important;
  border-color:rgba(130,60,220,.30)!important;
}
.pstage.cur{
  background:rgba(201,168,76,.15)!important;
  color:#c9a84c!important;
  border-color:rgba(201,168,76,.35)!important;
}
body.light .pstage{
  background:rgba(0,0,0,.05)!important;
  color:rgba(26,26,46,.50)!important;
  border:1px solid rgba(0,0,0,.12)!important;
}
body.light .pstage.done{
  background:linear-gradient(90deg,rgba(100,40,180,.12) 0%,rgba(160,120,32,.12) 100%)!important;
  color:#6428B4!important;
  border-color:rgba(100,40,180,.28)!important;
}
body.light .pstage.cur{
  background:rgba(160,120,32,.12)!important;
  color:#7a5810!important;
  border-color:rgba(160,120,32,.30)!important;
}

/* new project button */
.new-btn{
  background:linear-gradient(135deg,rgba(100,40,180,.15) 0%,rgba(201,168,76,.15) 100%)!important;
  color:var(--gh)!important;
  border:1.5px solid rgba(150,80,220,.30)!important;
  border-radius:16px!important;
}
.new-btn:hover{background:linear-gradient(135deg,rgba(100,40,180,.24) 0%,rgba(201,168,76,.24) 100%)!important}
body.light .new-btn{
  background:linear-gradient(135deg,rgba(80,30,150,.10) 0%,rgba(160,120,32,.12) 100%)!important;
  color:var(--gh)!important;
  border-color:rgba(100,40,180,.25)!important;
}

/* inputs */
.fi{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(130,60,220,.18);
  color:var(--t1);
}
.fi:focus{
  background:rgba(255,255,255,.08);
  border-color:var(--gh);
  box-shadow:0 0 0 3px rgba(201,168,76,.12);
}
body.light .fi{background:rgba(255,255,255,.60);border-color:rgba(100,40,180,.15)}
body.light .fi:focus{border-color:var(--gh);box-shadow:0 0 0 3px rgba(160,120,32,.10)}

/* ── Back / lf-back ── */
.lab-footer .lf-back{
  background:rgba(255,255,255,.08)!important;
  color:rgba(238,242,248,.85)!important;
  border:1.5px solid rgba(255,255,255,.35)!important;
  border-radius:50px!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.lab-footer .lf-back:hover{
  background:rgba(255,255,255,.15)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.55)!important;
}
body.light .lab-footer .lf-back{
  background:rgba(0,0,0,.05)!important;
  color:rgba(26,26,46,.70)!important;
  border:1.5px solid rgba(0,0,0,.22)!important;
  box-shadow:none!important;
}
body.light .lab-footer .lf-back:hover{
  background:rgba(0,0,0,.10)!important;
  border-color:rgba(0,0,0,.35)!important;
}

/* ── QA buttons — side by side, tag style (option ג) ── */
.qa-finding-actions{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  margin-top:10px!important;
  align-items:center!important;
}
.qa-nav-btn{
  background:rgba(255,255,255,.06)!important;
  color:rgba(238,242,248,.65)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:20px!important;
  padding:4px 10px!important;
  font-size:11px!important;
  font-weight:500!important;
  margin-top:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
}
.qa-nav-btn:hover{
  background:rgba(255,255,255,.12)!important;
  color:rgba(238,242,248,.90)!important;
  border-color:rgba(255,255,255,.32)!important;
}
body.light .qa-nav-btn{
  background:rgba(0,0,0,.04)!important;
  color:rgba(26,26,46,.60)!important;
  border:1px solid rgba(0,0,0,.14)!important;
}
.qa-fix-btn{
  background:rgba(201,168,76,.12)!important;
  color:#c9a84c!important;
  border:1px solid rgba(201,168,76,.28)!important;
  border-radius:20px!important;
  padding:4px 10px!important;
  font-size:11px!important;
  font-weight:500!important;
}
.qa-fix-btn:hover{
  background:rgba(201,168,76,.22)!important;
  border-color:rgba(201,168,76,.45)!important;
}
.qa-fix-btn.done{
  background:rgba(30,201,138,.10)!important;
  color:#1ec98a!important;
  border-color:rgba(30,201,138,.22)!important;
}
body.light .qa-fix-btn{
  background:rgba(160,120,32,.10)!important;
  color:#7a5810!important;
  border:1px solid rgba(160,120,32,.25)!important;
}

/* ── Toolbar primary button ── */
.btn-toolbar-primary{
  background:linear-gradient(135deg,rgba(201,168,76,.22),rgba(180,130,30,.12))!important;
  color:#e8c96a!important;
  border:1px solid rgba(201,168,76,.35)!important;
  border-radius:50px!important;
  backdrop-filter:blur(8px)!important;
}
.btn-toolbar-primary:hover{
  background:linear-gradient(135deg,rgba(201,168,76,.32),rgba(180,130,30,.20))!important;
}
body.light .btn-toolbar-primary{
  background:linear-gradient(135deg,rgba(160,120,32,.15),rgba(130,100,20,.08))!important;
  color:#7a5810!important;
  border-color:rgba(160,120,32,.32)!important;
}

/* ── Entry buttons (upload / add etc) ── */
.btn-entry{
  background:rgba(255,255,255,.06)!important;
  color:rgba(238,242,248,.70)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:50px!important;
}
.btn-entry:hover{
  background:rgba(255,255,255,.12)!important;
  color:rgba(238,242,248,.95)!important;
  border-color:rgba(255,255,255,.35)!important;
}
body.light .btn-entry{
  background:rgba(0,0,0,.04)!important;
  color:rgba(26,26,46,.60)!important;
  border:1px solid rgba(0,0,0,.14)!important;
}
body.light .btn-entry:hover{
  background:rgba(0,0,0,.08)!important;
  border-color:rgba(0,0,0,.25)!important;
}

/* ── Unified arrow ‹ on all back buttons ── */
.lab-footer .lf-back svg,
.back-nav svg,
.fwd-nav svg { display:none!important; }
.lab-footer .lf-back::before { content:'‹'; font-size:18px; line-height:1; margin-left:4px; font-weight:300; }
.fwd-nav::after { content:'›'; font-size:18px; line-height:1; margin-right:4px; font-weight:300; }

/* ── Top bar — hide home btn (logo does same), tighten gap ── */
.hdr-right { gap:6px!important; }
.hdr-right > button[onclick="goHome()"],
.hdr-right > button[title="דף הבית"] { display:none!important; }
.save-dot { font-size:11px!important; opacity:.6; }

/* ── Profile button — bare circle, no border/background wrapper ── */
.home-profile-btn,
.hdr-right .profile-btn {
  background: transparent;
  border: none;
  border-radius: 50%;
  padding: 0;
  width: 36px;
  height: 36px;
  justify-content: center;
  gap: 0;
  box-shadow: none;
}
.home-profile-btn:hover,
.hdr-right .profile-btn:hover {
  background: transparent;
  border: none;
}

/* ── Objectives button — no background circle, just the icon ── */
.hdr-right #tgt-btn {
  background: transparent;
  border: none;
  padding: 7px;
}
.hdr-right #tgt-btn:hover,
.hdr-right #tgt-btn.open {
  background: rgba(255,255,255,.06);
  border-radius: 9px;
}

/* ── "חזרה ל-QA" button — light mode fix ── */
body.light #return-to-qa-btn {
  background:linear-gradient(135deg,rgba(160,120,32,.18),rgba(130,100,20,.10))!important;
  border-color:rgba(160,120,32,.45)!important;
  color:#7a5810!important;
  box-shadow:0 4px 20px rgba(160,120,32,.15)!important;
}

/* ── ביטול — spacing & visibility ── */
.modal-cancel, [onclick*="cancel"], [onclick*="ביטול"],
a[href="#"][style*="ביטול"], .cancel-link {
  margin-top:0!important;
  display:inline-block!important;
  text-align:center!important;
  font-size:14px!important;
  color:rgba(238,242,248,.45)!important;
  cursor:pointer!important;
  padding:8px 16px!important;
  background:transparent!important;
  border:none!important;
}
body.light .modal-cancel, body.light [onclick*="cancel"] {
  color:rgba(26,26,46,.45)!important;
}

/* ── Warning banners — more visible in dark mode ── */
.finding-banner, [id*="finding-banner"], [id*="-banner"].on {
  background:rgba(201,168,76,.12)!important;
  border:1px solid rgba(201,168,76,.35)!important;
  border-radius:12px!important;
  padding:12px 16px!important;
  color:rgba(238,242,248,.88)!important;
}
body.light .finding-banner, body.light [id*="finding-banner"] {
  background:rgba(160,120,32,.08)!important;
  border-color:rgba(160,120,32,.30)!important;
  color:rgba(26,26,46,.85)!important;
}

/* ── Script options menu — more visible ── */
.script-opts-menu, #script-opts-menu, [id*="script-opt"] {
  background:rgba(18,14,28,.95)!important;
  backdrop-filter:blur(20px)!important;
  border:1px solid rgba(130,60,220,.30)!important;
  box-shadow:0 8px 32px rgba(0,0,0,.6)!important;
}
body.light .script-opts-menu, body.light #script-opts-menu {
  background:rgba(250,248,244,.96)!important;
  border-color:rgba(100,40,180,.18)!important;
  box-shadow:0 8px 24px rgba(100,40,180,.12)!important;
}

/* script options button — gold pulse in footer */
@keyframes scriptOptsPulse{0%,100%{box-shadow:0 0 0 0 rgba(201,168,76,.35)}50%{box-shadow:0 0 0 6px rgba(201,168,76,0)}}
#cl-change-type-btn{animation:scriptOptsPulse 2.2s ease-in-out infinite;}

/* footer / lab navigation bar */
.fwd-nav{border-radius:50px!important}

/* ── Light mode topbar overrides (reset old) ── */
body.light .hdr{background:rgba(244,241,236,.75)!important}
body.light .pstage.cur{background:rgba(160,120,32,.10);color:var(--gh);border-color:var(--gl)}
body.light .pp-panel{background:rgba(244,241,236,.90);border-color:rgba(0,0,0,.08)}

<style>
.output-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:rgba(20,20,20,.82);border:1.5px solid rgba(255,255,255,.30);display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.90);transition:background .15s,border-color .15s,color .15s;z-index:10;backdrop-filter:blur(8px)}
.output-nav-btn:hover{background:rgba(50,50,50,.95);border-color:rgba(240,201,122,.65);color:#F0C97A}
.output-nav-btn:active{transform:translateY(-50%) scale(.93)}
#output-nav-prev{right:60px}
#output-nav-next{left:60px}
<style>
.output-type-card{background:var(--bg2);border:1.5px solid var(--b2);border-radius:10px;padding:14px;cursor:pointer;transition:all .14s;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.output-type-card:hover{border-color:var(--gm);background:var(--gbg)}
.output-type-card.selected{border-color:var(--gh);background:var(--gbg);box-shadow:0 0 0 3px rgba(240,201,122,.12)}
.output-type-card-icon{color:var(--gold2);flex-shrink:0}
.output-type-card-name{font-size:14px;font-weight:500;color:var(--t1)}
.output-type-card-desc{font-size:11px;color:var(--t3);line-height:1.4}
body.light .output-type-card.selected{border-color:var(--gh);box-shadow:0 0 0 3px rgba(122,88,20,.1)}
#output-preview-fs.on{display:flex!important}
.brochure-fmt-card{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1.5px solid var(--b2);border-radius:10px;cursor:pointer;transition:all .14s}
.brochure-fmt-card:hover{border-color:var(--gm);background:var(--gbg)}
.brochure-fmt-card.selected{border-color:var(--gh);background:var(--gbg);box-shadow:0 0 0 3px rgba(240,201,122,.1)}
.pres-style-card{border:1.5px solid var(--b2);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .14s}
.pres-style-card:hover{border-color:var(--gm);transform:translateY(-2px)}
.pres-style-card.selected{border-color:var(--gh);box-shadow:0 0 0 3px rgba(240,201,122,.12)}
@keyframes pulse-gold{0%,100%{box-shadow:0 0 0 0 rgba(240,201,122,0)}50%{box-shadow:0 0 0 6px rgba(240,201,122,.25)}}
.pres-style-preview{height:90px;display:flex;flex-direction:column;justify-content:center;padding:14px 16px;position:relative;overflow:hidden}
.pres-style-info{padding:8px 12px;background:var(--bg2);border-top:1px solid var(--b1)}
.pres-style-name{font-size:13px;font-weight:500;color:var(--t1)}
.pres-style-desc{font-size:11px;color:var(--t4);margin-top:2px}

/* ===== SCENE TABLE (סרטונים) ===== */
.scene-table{width:100%;border-collapse:collapse;font-size:14px;direction:rtl}
.scene-table th{background:var(--bg3);color:var(--t3);font-size:12px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;padding:9px 10px;border-bottom:1px solid var(--b2);text-align:right;white-space:nowrap}
.scene-table td{padding:10px 10px;border-bottom:1px solid var(--b1);vertical-align:top;color:var(--t1)}
.scene-table tr:last-child td{border-bottom:none}
.scene-table tr:hover td{background:rgba(255,255,255,.02)}
.scene-num{text-align:center;font-weight:600;color:var(--gh);width:44px;font-size:15px}
.scene-cell{min-height:56px;outline:none;line-height:1.65;background:transparent;white-space:pre-wrap;word-break:break-word;font-size:14px}
.scene-cell:focus{background:rgba(184,150,90,.06);border-radius:5px;padding:2px 4px;margin:-2px -4px}
.scene-prompt-cell{font-family:monospace;font-size:12px;color:var(--t2);direction:ltr;text-align:left;min-height:72px}
.scene-prompt-cell:focus{background:rgba(240,201,122,.06);border-radius:5px}
.scene-storyboard-cell{width:110px;text-align:center}
.scene-storyboard-img{width:100px;height:60px;object-fit:cover;border-radius:5px;border:1px solid var(--b2);display:block;margin:0 auto 4px}
.scene-upload-btn{font-size:10px;color:var(--t4);cursor:pointer;text-decoration:underline;display:block;text-align:center;background:none;border:none;font-family:'DM Sans',sans-serif;padding:0}
.scene-upload-placeholder{width:100px;height:60px;border:1px dashed var(--b2);border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0 auto 4px;transition:border-color .13s;font-size:18px;color:var(--t4)}
.scene-upload-placeholder:hover{border-color:var(--gm);color:var(--gm)}
.scene-del{text-align:center;width:32px}
.scene-chat-wrap{margin-top:10px;background:var(--gbg);border:1px solid var(--gbd);border-radius:8px;padding:10px 12px}
.scene-chat-title{font-size:11px;font-weight:500;color:var(--gold2);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px}
.scene-chat-msgs{max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin-bottom:7px}
.scene-chat-msg{font-size:12px;padding:6px 10px;border-radius:7px;line-height:1.5}
.scene-chat-msg.user{background:var(--bg2);color:var(--t2);align-self:flex-start}
.scene-chat-msg.ai{background:var(--gbg);color:var(--gh);border:1px solid var(--gbd);align-self:flex-end}
.scene-chat-input-row{display:flex;gap:6px}
.scene-chat-input{flex:1;background:var(--bg2);border:1px solid var(--b2);border-radius:16px;padding:6px 12px;font-size:12px;color:var(--t1);font-family:'DM Sans',sans-serif;outline:none;direction:rtl}
.scene-chat-input:focus{border-color:var(--gm)}
.scene-chat-send{width:32px;height:32px;border-radius:50%;background:var(--gh);border:none;color:#0F0F0F;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px}
body.light .scene-table th{background:var(--bg3)}
body.light .scene-table tr:hover td{background:rgba(0,0,0,.02)}