/* מרכז הפרסום - שפת העיצוב של מחולל התוכן, מספר במספר. 17/09/2026.
   אייל: "תעשה את שניהם כהה כרגע", ולכן הכהה הוא ברירת המחדל, והבהיר מחכה בטוקנים. */
:root{
  direction:rtl;
  /* העור הכהה של המחולל */
  --bg:#1F1F1F; --surf:#2B2B2B; --raise:#3A3A3A; --band:#454545;
  --ink:#FFFFFF; --acc:#7027CC; --onacc:#FFFFFF;
  --teal:#3FE3D0; --yellow:#FFF35C; --pink:#FF4F8F;
  --yellow-mark:#FFF35C; --onpink:#1F1F1F; --focus:#B794F6;
  --video:#0D0F11; --tick:#1F1F1F;
  --sh:0 1px 2px rgba(0,0,0,.4), 0 8px 22px rgba(0,0,0,.45);
  --shsm:0 1px 3px rgba(0,0,0,.5);
  --rad:8px; --row:7px; --txt:15.5px;
  --sb:rgba(255,255,255,.16); --sb-hover:rgba(255,255,255,.32);
  /* פסי כרטיס הבדיקה, מותאמים ללוילייף. רק בסימן, בפס שבראש התפריט ובפס "בקרוב" */
  --tv1:#F2383A; --tv2:#2FD35B; --tv3:#FFE83A; --tv4:#2F5BFF; --tv5:#E13BE8; --tv6:#2ADFF0;
  --tvbars:linear-gradient(to right, var(--tv1) 0 16.67%, var(--tv2) 16.67% 33.33%, var(--tv3) 33.33% 50%, var(--tv4) 50% 66.67%, var(--tv5) 66.67% 83.33%, var(--tv6) 83.33% 100%);
  color-scheme:dark;
}
/* הבהיר מחכה כאן. נדלק כשאייל יבקש, בדיוק בערכים של המחולל */
:root[data-theme="light"]{
  --bg:#F5F5F5; --surf:#FFFFFF; --raise:#ECECEC; --band:#DCDCDC;
  --ink:#1F1F1F; --acc:#5C1CAB; --teal:#007785; --yellow:#DDC90E; --pink:#C60C4E;
  --yellow-mark:#9A8600; --onpink:#FFFFFF; --focus:#5C1CAB;
  --video:#141719; --tick:#FFFFFF;
  --sh:0 1px 2px rgba(31,31,31,.05), 0 6px 20px rgba(31,31,31,.07);
  --shsm:0 1px 3px rgba(31,31,31,.10);
  --sb:rgba(31,31,31,.24); --sb-hover:rgba(31,31,31,.42);
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%}
body{direction:rtl;margin:0;background:var(--bg);color:var(--ink);overflow:hidden;
  font-family:"Rubik","Heebo","Segoe UI",Arial,sans-serif;font-size:14.5px;line-height:1.45;font-variant-numeric:tabular-nums}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer;text-align:start}
h1,h2,h3,h4,p,ol,ul{margin:0}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.hint{font-size:12px;opacity:.8}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

/* פס גלילה נעלם (סקיל 5.1) */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}
::-webkit-scrollbar-thumb{background:transparent;border-radius:8px;border:2px solid transparent;background-clip:padding-box}
:hover::-webkit-scrollbar-thumb{background-color:var(--sb)}
::-webkit-scrollbar-thumb:hover{background-color:var(--sb-hover);border-width:1px}
::-webkit-scrollbar-button{display:none;width:0;height:0}
@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover{scrollbar-color:var(--sb) transparent}}

/* הסימן: שישה פסים */
.mark{display:inline-flex;gap:2px;height:20px;direction:ltr;flex:none;vertical-align:middle}
.mark i{width:5px;border-radius:1.5px}
.mark i:nth-child(1){background:var(--tv1)} .mark i:nth-child(2){background:var(--tv2)} .mark i:nth-child(3){background:var(--tv3)}
.mark i:nth-child(4){background:var(--tv4)} .mark i:nth-child(5){background:var(--tv5)} .mark i:nth-child(6){background:var(--tv6)}
.mark.sm{height:14px;gap:1.5px} .mark.sm i{width:3.5px;border-radius:1px}

/* ---------- המעטפת ---------- */
.app{--side-w:248px;height:100dvh;display:grid;grid-template-columns:var(--side-w) minmax(0,1fr)}
.side{background:var(--surf);box-shadow:var(--sh);display:flex;flex-direction:column;gap:14px;padding:18px 8px 12px;
  min-height:0;overflow:auto;border-top:3px solid transparent;border-image:var(--tvbars) 1;container:side / inline-size}
.brand{display:flex;align-items:center;gap:10px;padding-inline:8px}
.brand b{display:block;font-size:20px;font-weight:700;line-height:1.2;white-space:nowrap}
.brand small{display:block;font-size:13px;font-weight:500;opacity:.8}
.grp{display:flex;flex-direction:column;gap:2px;min-height:0}
.grp h4{margin:0 0 4px;padding-inline:6px;font-size:12px;font-weight:600;opacity:.8}
.snav{display:flex;align-items:center;gap:8px;min-height:34px;padding:4px 6px 4px 8px;border-radius:var(--rad);width:100%;font-size:15px;position:relative}
.snav:hover{background:var(--raise)}
.snav .num{flex:none;display:inline-flex;justify-content:flex-end;width:24px;white-space:nowrap;font-weight:600;color:var(--teal)}
.snav .lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.snav .badge{font-size:12px;font-weight:600;white-space:nowrap;opacity:.9;color:var(--teal)}
.snav .badge.wait{color:var(--yellow-mark)}
.snav.on{background:var(--raise);font-weight:600}
.snav.on::before{content:"";position:absolute;inset-inline-start:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--teal)}
.plist{display:flex;flex-direction:column;gap:2px;overflow:auto;min-height:0}
.pitem{display:flex;align-items:flex-start;gap:10px;padding:7px 6px 7px 8px;border-radius:var(--rad);width:100%;min-width:0;font-size:13.5px}
.pitem:hover{background:var(--raise)}
.pitem.on{background:var(--raise);font-weight:600}
.pitem .dot{width:7px;height:7px;border-radius:50%;margin-top:7px;flex:none;background:var(--teal)}
.pitem .pt{display:flex;flex-direction:column;gap:1px;min-width:0}
.pitem .pt b{font-weight:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pitem .pt small{font-size:12px;opacity:.8;font-weight:400}
.newbtn{justify-content:center;min-height:40px;font-size:14px}
.side-foot{margin-top:auto;display:flex;align-items:center;gap:8px;padding-inline:4px;border-top:1px solid var(--band);padding-top:10px}
.side-foot .who{flex:1;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.av{width:26px;height:26px;border-radius:50%;background:var(--acc);color:var(--onacc);display:grid;place-items:center;font-size:12px;font-weight:600;flex:none}
.iconbtn{width:32px;height:32px;border-radius:var(--rad);display:grid;place-items:center;flex:none;opacity:.6}
.iconbtn:hover{opacity:1;background:var(--raise)}
.main{display:grid;grid-template-rows:minmax(0,1fr);padding:12px;min-width:0;min-height:0}

/* ---------- לוח המודול ---------- */
.settings{background:var(--surf);border-radius:var(--rad);box-shadow:var(--sh);padding:0;display:flex;flex-direction:column;min-height:0;overflow:auto}
.stephead{display:flex;flex-direction:column;gap:2px;padding:14px 16px 0}
.stephead small{font-size:12.5px;opacity:.8}
.stephead h2{font-size:20px;font-weight:600}
.stepbody{display:flex;flex-direction:column;gap:10px;padding:12px 16px 0;flex:1;min-height:0}
.lead{font-size:13.5px;line-height:1.55;max-width:70ch}
.next{display:flex;align-items:center;gap:8px;flex-wrap:wrap;position:sticky;bottom:0;background:var(--surf);padding:8px 0 12px;margin-top:auto;border-top:1px solid var(--band);z-index:1}
.next .hint{flex:1;min-width:180px}
/* אזור בלוח המודול. flex:none כדי שהוא לא יתכווץ מתחת לתוכן שלו:
   בלי זה, כשהתוכן ארוך מהמסך, האזורים נדחסים זה על זה והטקסט נכתב אחד על השני (אייל, 21/09/2026) */
.sec{display:flex;flex-direction:column;gap:6px;flex:none}
.sec + .sec{border-top:1px solid var(--band);padding-top:10px}
.sec h3{font-size:14px;font-weight:600}
/* הלוח לוקח את מה שנשאר, ולא נמחץ מתחת לגובה של כרטיס אחד. אם החלון נמוך, הלוח כולו נגלל */
.sec.grow{flex:1 1 auto;min-height:214px}
/* פס פקדים אחד, כמו .cl-line במחולל: הכל באותו גובה, ונשבר לשורה נוספת כשצר */
.cl-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:32px}
.cl-line .k{font-size:14px;font-weight:600}
.cl-line label{display:inline-flex;align-items:center;gap:6px;font-size:13px}
.cl-line input{width:62px;min-height:32px}
/* תיבת סימון עם הטקסט שלה, כיחידה אחת */
.pick2{display:inline-flex;align-items:center;gap:8px;font-size:13px}
.pick2 input{width:16px;height:16px;accent-color:var(--acc)}
/* שדה מספר בשורת הגדרות */
.r .v input[type=number],.r .v input[type=text]{width:74px;min-height:32px}
.r{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:center;padding:var(--row) 0;border-bottom:1px solid var(--band)}
.r:last-child{border-bottom:0}
.r .k{font-size:13px;font-weight:500}
.r .v{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}
.soonbar{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 12px;border-radius:var(--rad);background:#141414;color:#FFFFFF;font-size:12.5px;line-height:1.45}

/* כפתורים, גלולות ושדות, בדיוק במידות של המחולל */
.btn{border-radius:999px;min-height:30px;padding:5px 13px;font-size:12.5px;font-weight:600;background:var(--raise);display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}
.btn.p{background:var(--acc);color:var(--onacc)}
.btn.danger{background:var(--pink);color:var(--onpink)}
.btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.btn.big{min-height:44px;padding:5px 24px;font-size:16px}
.pill{border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600;background:var(--raise)}
.pill.on{background:var(--acc);color:var(--onacc)}
.linkbtn{align-self:flex-start;font-size:13px;font-weight:500;color:var(--focus);padding:2px 0}
.linkbtn:hover{text-decoration:underline}
input[type=text],input[type=number],select,textarea{background:var(--raise);border:0;border-radius:var(--rad);padding:7px 10px;font-size:13px;min-width:0}
textarea{resize:vertical;min-height:72px;line-height:1.5}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;white-space:nowrap}
.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none}
.d-teal{background:var(--teal)} .d-yellow{background:var(--yellow-mark)} .d-pink{background:var(--pink)} .d-acc{background:var(--acc)}

/* ---------- הלוח (שלב ההעלאה והתזמון) ---------- */
.board{flex:1;min-height:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.day{display:flex;flex-direction:column;gap:6px;min-width:0;border-radius:var(--rad);background:var(--raise);padding:8px 7px;overflow:auto}
.day.over{box-shadow:inset 0 0 0 1.5px var(--acc)}
.day > .dhead{display:flex;flex-direction:column;gap:1px;padding-inline:2px}
.day > .dhead b{font-size:13px;font-weight:600}
.day > .dhead small{font-size:11px;opacity:.85}
.card{display:flex;flex-direction:column;gap:5px;background:var(--surf);border-radius:var(--rad);padding:7px;touch-action:none;cursor:grab;text-align:start;width:100%}
.card.now{box-shadow:inset 0 0 0 1.5px var(--teal)}
.card.pinned{box-shadow:inset 0 0 0 1.5px var(--acc)}
.card small{font-size:11px;opacity:.85}
.card small.t{font-weight:600;opacity:1}
.card b{font-size:12px;font-weight:600}
/* פריים הווידאו בכרטיס: לרוחב נמוך, כדי שיום עם שלושה פריטים ייכנס בלי גלילה.
   הפריים לאורך שומר על היחס שלו (גובה קבוע, רוחב לפי היחס), ולא נמתח לרוחב הכרטיס */
.card .thumb{width:100%;height:56px;border-radius:4px;background:var(--video)}
.card .thumb.tall{width:auto;height:64px;aspect-ratio:9 / 16;align-self:center}
.card.drag{opacity:.4}
.day.dense .card .thumb{display:none}
.ghost{position:fixed;left:0;top:0;z-index:70;pointer-events:none;width:150px;box-shadow:var(--sh);opacity:.95}
.empty{flex:1;min-height:0;border-radius:var(--rad);background:var(--surf);display:grid;place-items:center;padding:8px;font-size:11.5px;opacity:.8}
.tray{display:flex;gap:6px;flex-wrap:wrap}
.file{flex:1 1 210px;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 12px;
  background:var(--raise);border-radius:var(--rad);padding-block:5px;padding-inline:12px 5px;font-size:13px;min-height:40px}
.file .kind{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;white-space:nowrap}
.file .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file .meta{font-size:12px;opacity:.85;white-space:nowrap;padding-inline-end:7px}
.file .meta.bad{color:var(--pink);opacity:1}
.file .acts{display:flex;gap:6px;align-items:center}

/* ---------- האשף (שלב הכותרות והטאבנייל) ---------- */
.wiz{height:100dvh;display:flex;flex-direction:column;background:var(--bg)}
.wiz > .bars{height:3px;flex:none;background:var(--tvbars)}
.wiz-in{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px;padding:12px}
.su-card{background:var(--surf);border-radius:14px;box-shadow:var(--sh);padding:18px 24px 16px;display:flex;flex-direction:column;gap:16px;min-width:0;min-height:0}
.su-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.su-steps{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap;flex:1}
.su-steps button{border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600;opacity:.6}
.su-steps button:hover{opacity:1;background:var(--raise)}
.su-steps button.past{opacity:.85}
.su-steps button.on{opacity:1;background:var(--raise);box-shadow:inset 0 0 0 1.5px var(--acc)}
.su-body{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow:auto}
.su-body h1{font-family:"Secular One","Rubik",sans-serif;font-weight:400;font-size:34px;line-height:1.15}
.su-sub{font-size:14px;opacity:.8;margin-bottom:12px}
.su-core{display:flex;align-items:center;gap:10px;background:var(--raise);border-radius:var(--rad);padding:9px 12px;margin-bottom:4px}
.su-core .k{font-size:12.5px;font-weight:600;color:var(--teal);flex:none}
.su-core .v{flex:1;min-width:0;font-size:13.5px}
.su-opts{display:flex;flex-direction:column;gap:10px}
.su-opt{position:relative;display:flex;align-items:center;gap:12px;min-height:58px;padding:14px 18px 14px 14px;border-radius:12px;background:var(--raise);text-align:start;overflow:hidden;width:100%}
.su-opt:hover{background:var(--band)}
.su-opt.on{box-shadow:inset 0 0 0 2px var(--acc);background:var(--surf)}
.su-opt .pick{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.su-bar{position:absolute;top:0;bottom:0;inset-inline-start:0;width:5px;background:var(--teal)}
.su-t{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.su-t b{font-size:19px;font-weight:600}
.su-t small{font-size:12.5px;opacity:.8;line-height:1.45}
.su-check{width:22px;height:22px;border-radius:6px;flex:none;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--band);color:var(--onacc)}
.su-opt.on .su-check{background:var(--acc);box-shadow:none}
.su-opt .x{opacity:0}
.su-opt:hover .x{opacity:.6}
.su-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--band);padding-top:12px}
.su-side{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto}
.su-side h2{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.pv{background:var(--surf);border-radius:var(--rad);box-shadow:var(--sh);padding:12px;display:flex;flex-direction:column;gap:10px}
.pv-thumb{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--rad);background:var(--video);overflow:hidden;display:flex;align-items:center;padding:16px}
.pv-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(13,15,17,.1) 0 38%, rgba(13,15,17,.8) 100%)}
.pv-thumb span{position:relative;z-index:1;font-size:28px;font-weight:700;line-height:1.1;color:#FFFFFF;max-width:64%;text-shadow:0 2px 10px rgba(0,0,0,.65)}
.pv-tag{position:absolute;z-index:1;inset-inline-start:10px;bottom:10px;background:rgba(10,12,14,.7);color:#FFFFFF;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:500}
.pv-title{display:flex;flex-direction:column;gap:3px}
.pv-title b{font-size:15px;font-weight:600;line-height:1.3}
.pv-title small{font-size:12px;opacity:.8}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;background:var(--raise);display:inline-flex;align-items:center;gap:6px}
.tag .x{opacity:.6}

/* הודעה קופצת: משטח נקי, בלי פס צבע ובלי נקודה */
.toast{position:fixed;inset-inline-start:16px;bottom:16px;z-index:80;background:var(--surf);color:var(--ink);border-radius:var(--rad);
  box-shadow:var(--sh);padding:10px 16px;display:flex;align-items:center;gap:12px;font-size:13.5px;max-width:min(420px,90vw)}
.toast button{font-size:13px;font-weight:600;color:var(--focus)}

/* חלונית אישור */
.dialog{position:fixed;inset:0;z-index:90;background:rgba(10,12,14,.45);display:grid;place-items:center;padding:16px}
.dlg{width:min(440px,100%);background:var(--surf);border-radius:14px;box-shadow:var(--sh);padding:20px 22px 18px;display:flex;flex-direction:column;gap:10px}
.dlg h2{font-size:17px;font-weight:600;line-height:1.35}
.dlg p{font-size:13.5px;line-height:1.55;opacity:.9}
.dlg .acts{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}

/* ---------- קליטה: גרירה, קישור ופוסט ---------- */
.drop{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border:2px dashed var(--band);border-radius:14px;padding:14px 16px;cursor:pointer;transition:border-color .15s ease-out, background .15s ease-out}
.drop:hover{border-color:var(--acc)}
.drop svg{flex:none;color:var(--acc)}
.drop .dt{display:flex;flex-direction:column;gap:2px;flex:1 1 200px;min-width:0}
.drop .dt b{font-size:14.5px;font-weight:600}
.drop .dt small{font-size:12px;opacity:.8}
.dropveil{position:fixed;inset:0;z-index:60;background:color-mix(in oklab, var(--bg) 70%, transparent);display:grid;place-items:center;pointer-events:none}
.dropveil > div{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--surf);border:2px dashed var(--acc);border-radius:18px;padding:30px 44px;box-shadow:var(--sh)}
.dropveil b{font-size:18px;font-weight:600}

/* כרטיס של יצירה ברשימת התוכן */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;overflow:auto;min-height:0}
.wcard{display:flex;flex-direction:column;gap:6px;background:var(--raise);border-radius:var(--rad);padding:12px 14px;text-align:start;width:100%}
.wcard:hover{background:var(--band)}
.wtop{display:flex;align-items:center;gap:8px;min-width:0}
.wtop b{flex:1;min-width:0;font-size:14.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wmeta{font-size:12px;opacity:.85}

/* גרסה לערוץ */
.vlist{display:flex;flex-direction:column;gap:8px;overflow:auto;min-height:0}
.vrow{display:flex;flex-direction:column;gap:6px;background:var(--raise);border-radius:var(--rad);padding:10px 12px}
.vhead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vhead b{font-size:14px;font-weight:600}
.vrow textarea{background:var(--surf);min-height:56px}

/* טבלת הערוצים בהגדרות */
table{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:13.5px}
th{text-align:start;font-size:12.5px;font-weight:600;opacity:.8;padding:0 12px}
td{background:var(--raise);padding:9px 12px;height:44px}
td:first-child{border-start-start-radius:var(--rad);border-end-start-radius:var(--rad)}
td:last-child{border-start-end-radius:var(--rad);border-end-end-radius:var(--rad)}
.dim{opacity:.85}

/* מצב ריק בפתיחה */
.start{height:100dvh;display:grid;place-items:center;padding:24px}
.start-in{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:560px;text-align:center}
.start-in h1{font-family:"Secular One","Rubik",sans-serif;font-weight:400;font-size:34px;line-height:1.15}
.start-in p{font-size:14px;opacity:.85}

@container side (max-width: 200px){
  .snav .badge{display:none}
  .brand b{font-size:17px}
  .brand small{font-size:12px}
}