/* AI Lab Pro — אזור לקוחות (/start). טוקנים מ-page.css. */
html{overflow-x:hidden;overflow-x:clip}
body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.hp{position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden;clip-path:inset(50%)}
[hidden]{display:none!important}

/* header */
.ihead{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px max(16px,var(--gutter));background:rgba(15,26,38,.94);border-bottom:1px solid var(--line)}
.ihead .logo{font-family:var(--serif);font-weight:700;font-size:1.12rem;display:flex;align-items:center;gap:10px;direction:ltr;white-space:nowrap}
.ihead .logo .gem{width:22px;height:22px}
.ihead .logo small{font-family:var(--mono);font-size:.56rem;letter-spacing:.22em;color:var(--acc)}
.ihead nav{display:flex;align-items:center;gap:6px;font-size:.88rem;min-width:0}
.ihead nav a,.ihead nav button{color:var(--fg-2);padding:8px 10px;border-radius:999px;background:none;border:0;font:inherit;cursor:pointer;white-space:nowrap}
.ihead nav a:hover,.ihead nav button:hover{color:var(--fg)}
.ihead nav .who{color:var(--fg-3);font-size:.8rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr}
@media(max-width:560px){.ihead nav .who{display:none}.ihead nav a,.ihead nav button{padding:8px 8px}}

/* layout */
.main{flex:1;width:100%;max-width:820px;margin:0 auto;padding:clamp(28px,6vh,64px) 16px 80px}
.main.wide{max-width:1240px}
.kicker{font-family:var(--mono);direction:ltr;unicode-bidi:isolate;letter-spacing:.18em;text-transform:uppercase;font-size:.66rem;color:var(--acc);display:inline-block;margin-bottom:12px}
h1.t{font-size:clamp(1.9rem,5vw,3rem);font-variation-settings:"wdth" 82,"wght" 700;margin-bottom:12px;text-wrap:balance}
h2.t{font-size:clamp(1.3rem,3.4vw,1.8rem);margin-bottom:10px}
.lead{font-size:clamp(1rem,2.4vw,1.15rem);font-weight:300;max-width:620px;margin-bottom:24px}
.muted{color:var(--fg-3);font-size:.88rem}
.card{background:var(--bg-2);border:1px solid var(--line);border-radius:20px;padding:clamp(18px,4vw,30px)}
.stack>*+*{margin-top:14px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.spacer{flex:1}

/* buttons (page.css .btn is square on desktop; here always rounded) */
.btn{border-radius:999px;padding:15px 24px;font-size:.96rem}
.btn.sm{padding:10px 16px;font-size:.86rem;gap:8px}
.btn.ghost{border-color:var(--line-2);color:var(--fg-2)}
.btn.ghost:hover{background:transparent;border-color:var(--fg);color:var(--fg)}
.btn.block{width:100%}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.chip input:focus-visible+span{outline:2px solid var(--acc-2);outline-offset:2px}
.linkbtn{background:none;border:0;color:var(--fg-2);font:inherit;font-size:.88rem;cursor:pointer;border-bottom:1px solid var(--line-2);padding:4px 0}
.linkbtn:hover{color:var(--fg)}
.oauth{display:flex;flex-direction:column;gap:10px}
.oauth .btn{background:#EFE7D8;color:#0F1A26;border-color:#EFE7D8;gap:10px}
.oauth .btn:hover{background:#fff}
.oauth svg{width:18px;height:18px;flex:none}
.or{display:flex;align-items:center;gap:12px;color:var(--fg-3);font-size:.8rem;margin:20px 0}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}

/* fields */
.f{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.f>label,.f>.lbl{font-size:.95rem;color:var(--fg);font-weight:600;font-family:var(--serif)}
.f .hint{font-size:.84rem;color:var(--fg-3);margin-top:-4px}
.f .req{color:var(--acc);font-weight:400;font-size:.8rem;margin-inline-start:6px}
input.in,select.in,textarea.in{width:100%;background:#1A2A40;border:1px solid var(--line);border-radius:14px;color:var(--fg);font:inherit;font-size:16px;padding:13px 15px;outline:none;appearance:none;-webkit-appearance:none}
textarea.in{min-height:120px;resize:vertical;line-height:1.6}
textarea.in.short{min-height:72px}
input.in::placeholder,textarea.in::placeholder{color:var(--fg-3)}
input.in:focus,select.in:focus,textarea.in:focus{border-color:var(--acc)}
select.in{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23EFE7D8' stroke-width='1.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;padding-left:40px}
select.in option{background:#13203A;color:#EFE7D8}
input.ltr{direction:ltr;text-align:right}
input.code{direction:ltr;text-align:center;font-family:var(--mono);font-size:1.6rem;letter-spacing:.5em;padding-inline-start:calc(15px + .5em)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
@media(max-width:620px){.grid2{grid-template-columns:1fr}}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;cursor:pointer}
.chip input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.chip span{display:inline-block;padding:10px 15px;border:1px solid var(--line-2);border-radius:999px;font-size:.92rem;color:var(--fg-2);transition:background .2s,border-color .2s,color .2s;user-select:none}
.chip input:checked+span{background:var(--acc);border-color:var(--acc);color:#0F1A26;font-weight:600}
.chip:hover span{border-color:var(--fg)}

/* messages */
.msg{border-radius:14px;padding:12px 14px;font-size:.92rem;margin:12px 0}
.msg.err{background:rgba(232,90,74,.12);border:1px solid rgba(232,120,100,.5);color:#F4C3B8}
.msg.ok{background:rgba(232,166,74,.1);border:1px solid var(--acc);color:var(--acc-2)}
.msg.info{background:rgba(239,231,216,.06);border:1px solid var(--line);color:var(--fg-2)}
.toast{position:fixed;inset-inline:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:200;max-width:440px;margin:0 auto;background:#EFE7D8;color:#0F1A26;padding:12px 16px;border-radius:14px;font-size:.92rem;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.35);text-align:center}

/* list of questionnaires */
.qlist{list-style:none;display:flex;flex-direction:column;gap:10px}
.qitem{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--bg-2);border:1px solid var(--line);border-radius:18px;transition:border-color .2s}
.qitem:hover{border-color:var(--line-2)}
.qitem .tt{flex:1;min-width:0}
.qitem h3{font-size:1.1rem;margin-bottom:4px;overflow-wrap:anywhere}
.qitem .meta{font-size:.82rem;color:var(--fg-3)}
.qitem .note{font-size:.88rem;color:var(--fg-2);margin-top:6px;border-inline-start:2px solid var(--acc);padding-inline-start:10px}
@media(max-width:560px){.qitem{flex-wrap:wrap}.qitem .acts{width:100%}.qitem .acts .btn{width:100%}}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--line-2);color:var(--fg-2);white-space:nowrap}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.draft{color:var(--fg-3)}
.pill.submitted{color:var(--acc)}
.pill.reviewed,.pill.proposal_sent{color:#7EC8F0}
.pill.in_progress{color:#9BE3B8}
.pill.done{color:#C9B6FF}
.empty{border:1px dashed var(--line-2);border-radius:18px;padding:24px;color:var(--fg-2)}
.empty ul{margin:10px 0 0;padding-inline-start:18px}
.empty li{margin:4px 0}

/* wizard */
.progress{position:sticky;top:57px;z-index:40;background:var(--bg);padding:12px 0 10px;margin-bottom:18px}
.progress .bar{height:4px;background:var(--line);border-radius:4px;overflow:hidden}
.progress .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--acc),var(--acc-2));transition:width .35s var(--ease)}
.progress .lbls{display:flex;justify-content:space-between;gap:10px;font-size:.8rem;color:var(--fg-3);margin-top:8px}
.savestate{font-size:.8rem;color:var(--fg-3);white-space:nowrap}
.savestate.bad{color:#F4C3B8}
.step h2{font-size:clamp(1.5rem,4vw,2.1rem);margin-bottom:6px}
.step .sub{color:var(--fg-2);margin-bottom:22px;font-size:.98rem}
.navbtns{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.navbtns .btn{flex:1;min-width:140px}
@media(max-width:560px){.navbtns{flex-direction:column-reverse}.navbtns .btn{width:100%}}

/* files */
.drop{border:1px dashed var(--line-2);border-radius:16px;padding:18px;text-align:center;color:var(--fg-2)}
.files{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:8px}
.files li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-size:.9rem}
.files li .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.files li .sz{color:var(--fg-3);font-size:.8rem;direction:ltr;white-space:nowrap}

/* summary */
.sum{list-style:none;border-top:1px solid var(--line)}
.sum li{padding:14px 0;border-bottom:1px solid var(--line)}
.sum .q{font-size:.86rem;color:var(--fg-3);font-weight:600;margin-bottom:4px}
.sum .a{color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere}
.sum .a.none{color:var(--fg-3);font-style:italic}
.sum .edit{font-size:.8rem}

/* admin */
.tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}
.tabs button{background:none;border:1px solid var(--line-2);color:var(--fg-2);padding:8px 16px;border-radius:999px;font:inherit;font-size:.88rem;cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.adm{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:18px;align-items:start}
@media(max-width:900px){.adm{grid-template-columns:1fr}}
.adm .filters{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.adm .filters .in{flex:1;min-width:140px;padding:10px 12px}
.alist{list-style:none;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 230px);overflow:auto}
@media(max-width:900px){.alist{max-height:none}}
.alist button{width:100%;text-align:right;background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:var(--fg);font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:4px}
.alist button[aria-current="true"]{border-color:var(--acc)}
.alist .l1{display:flex;gap:8px;align-items:center;justify-content:space-between}
.alist .l1 b{font-family:var(--serif);font-size:1rem;overflow-wrap:anywhere}
.alist .l2{font-size:.8rem;color:var(--fg-3)}
.kv{display:grid;grid-template-columns:120px minmax(0,1fr);gap:6px 12px;font-size:.92rem}
.kv dt{color:var(--fg-3)}
.kv dd{color:var(--fg);overflow-wrap:anywhere}
.ctable{width:100%;border-collapse:collapse;font-size:.9rem}
.ctable th,.ctable td{text-align:right;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.ctable th{color:var(--fg-3);font-weight:600;font-size:.8rem}
.ctable td{overflow-wrap:anywhere}
.tscroll{overflow-x:auto}
.ev{font-size:.8rem;color:var(--fg-3);list-style:none}
.ev li{padding:3px 0}

footer.ifoot{border-top:1px solid var(--line);padding:22px 16px calc(22px + env(safe-area-inset-bottom));text-align:center;font-size:.8rem;color:var(--fg-3)}
footer.ifoot a{color:var(--fg-2);border-bottom:1px solid var(--line-2)}