/* Submit Intake — the guided form modal. Palette, radii and control heights are
   the home screen's: #3a8518 accent, #e5ebf1 hairlines, 900px pills, 38px rows.
   The overlay geometry is lifted from .plp-overlay so the two modals on this
   screen sit at the same depth. */

/* Submit Intake now lives in the composer footer as a plain .eh-iconb, next
   to the + and Build manually — see eh.css. */

.ifm-overlay{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;background:rgba(5,3,1,.3);padding:20px}
.ifm-panel{position:relative;width:min(900px,100%);max-height:min(660px,100%);background:#fff;border:1px solid #dfe6ec;border-radius:16px;box-shadow:0 18px 46px rgba(5,3,1,.2);display:flex;flex-direction:column;overflow:hidden;text-align:left;font-family:'PP Telegraf',sans-serif;color:#050301}

.ifm-hd{display:flex;align-items:center;gap:12px;padding:14px 14px 13px 20px;border-bottom:1px solid #eef2f6}
.ifm-hd__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.ifm-hd__t b{font-size:15px;font-weight:700;letter-spacing:-.01em}
.ifm-hd__t span{font-size:12px;color:#636c79}
.ifm-ex{margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:900px;border:1px solid #e5ebf1;background:#f6fafd;font:inherit;font-size:11.5px;font-weight:600;color:#050301;cursor:pointer;white-space:nowrap;flex:none}
.ifm-ex:hover{background:#eef2f6}
.ifm-ex i{font-size:14px;color:#3a8518}
.ifm-x{width:30px;height:30px;border-radius:9px;border:1px solid #e5ebf1;background:#fff;color:#636c79;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;flex:none}
.ifm-x:hover{background:#eef2f6}

.ifm-body{flex:1;min-height:0;display:flex}

/* left rail — the six sections */
.ifm-rail{width:212px;flex:none;border-right:1px solid #eef2f6;background:#fbfdfe;padding:14px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}
.ifm-rail__s{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:9px;cursor:pointer;font:inherit;text-align:left;color:#636c79}
.ifm-rail__s:hover{background:#eef2f6}
.ifm-rail__n{width:22px;height:22px;border-radius:900px;background:#fff;border:1px solid #e5ebf1;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:.02em;color:#9aa4af;flex:none}
.ifm-rail__l{font-size:12.5px;font-weight:600;line-height:1.25}
.ifm-rail__s.done .ifm-rail__n{background:#e8f1e2;border-color:#cfe0c4;color:#3a8518}
.ifm-rail__s.done{color:#050301}
.ifm-rail__s.on{background:#fff;box-shadow:0 0 0 1px #dfe6ec;color:#050301}
.ifm-rail__s.on .ifm-rail__n{background:#3a8518;border-color:#3a8518;color:#fff}

/* right pane */
.ifm-main{flex:1;min-width:0;overflow-y:auto;padding:20px 22px 24px;display:flex;flex-direction:column;gap:26px}
.ifm-step{display:flex;flex-direction:column;gap:4px}
.ifm-step__k{font-size:9.5px;font-weight:700;letter-spacing:.12em;color:#3a8518}
.ifm-step__t{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:2px 0 0}
.ifm-step__d{font-size:12.5px;line-height:1.5;color:#636c79;margin:0;text-wrap:pretty}

.ifm-f{display:flex;flex-direction:column;gap:6px}
.ifm-f__l{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:-.005em;text-wrap:pretty}
.ifm-f__e{display:inline-flex;align-items:center;font-style:normal;font-size:9px;font-weight:700;line-height:1;letter-spacing:.1em;text-transform:uppercase;color:#3a8518;background:#f0f7ec;border-radius:900px;padding:4px 7px;flex:none}
.ifm-f__h{font-size:11.5px;line-height:1.45;color:#636c79;margin-top:-2px;text-wrap:pretty}

/* info bubble — the explanatory line that used to sit under each question.
   Same `data-tip` + ::after hover pattern the curation views use, plus a click
   toggle so the copy is reachable without a hover (touch, keyboard). Bubble is
   left-anchored so it grows into the pane instead of out of the panel. */
.ifm-i{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;color:#9aa4af;cursor:pointer;border-radius:900px;flex:none;font:inherit}
.ifm-i:hover,.ifm-i.on{color:#3a8518}
.ifm-i i{font-size:15px;line-height:1;display:block}
.ifm-i::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:-8px;width:max-content;max-width:250px;white-space:normal;text-align:left;background:#17110c;color:#fff;font-family:'PP Telegraf',sans-serif;font-size:11px;font-weight:400;line-height:1.45;letter-spacing:0;padding:7px 9px;border-radius:7px;z-index:80;pointer-events:none;box-shadow:0 8px 24px -6px rgba(5,3,1,.28);opacity:0;visibility:hidden;transition:opacity .12s ease}
.ifm-i:hover::after,.ifm-i:focus-visible::after,.ifm-i.on::after{opacity:1;visibility:visible}
.ifm-in,.ifm-ta{width:100%;box-sizing:border-box;border:1px solid #dfe6ec;background:#fff;border-radius:10px;font:inherit;font-size:13.5px;line-height:1.5;color:#050301;padding:10px 12px;outline:none}
.ifm-ta{resize:vertical;min-height:56px}
.ifm-in::placeholder,.ifm-ta::placeholder{color:#9aa4af}
.ifm-in:focus,.ifm-ta:focus{border-color:#3a8518;box-shadow:0 0 0 3px rgba(58,133,24,.1)}
.ifm-row{display:flex;gap:12px}
.ifm-row .ifm-f{flex:1;min-width:0}

.ifm-chips{display:flex;flex-wrap:wrap;gap:7px}
/* align-items must be center, not baseline: the icon is a 14px glyph with no
   text baseline of its own, so baseline alignment pushed icon + label off the
   pill's optical centre on every chip row (moments, markets, cuts, timing). */
.ifm-chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 13px;border-radius:900px;border:1px solid #dfe6ec;background:#fff;font:inherit;font-size:12.5px;font-weight:600;line-height:1;color:#050301;cursor:pointer;white-space:nowrap}
.ifm-chip:hover{background:#eef2f6}
.ifm-chip i{font-size:14px;line-height:1;color:#636c79}
.ifm-chip__l{line-height:1}
.ifm-chip__s{font-size:11px;font-weight:400;line-height:1;color:#636c79}
.ifm-chip.on{border-color:#3a8518;background:#f0f7ec;color:#2b6418}
.ifm-chip.on i,.ifm-chip.on .ifm-chip__s{color:#3a8518}

/* review */
.ifm-rvg{display:flex;flex-direction:column;gap:5px}
.ifm-rvg__h{font-size:9.5px;font-weight:700;letter-spacing:.12em;color:#9aa4af;margin:10px 0 2px}
.ifm-rvg__h:first-child{margin-top:0}
.ifm-rv{display:flex;align-items:baseline;gap:12px;width:100%;padding:9px 11px;border:1px solid #eef2f6;background:#fbfdfe;border-radius:9px;font:inherit;text-align:left;cursor:pointer}
.ifm-rv:hover{border-color:#dfe6ec;background:#fff}
.ifm-rv__l{width:118px;flex:none;font-size:11.5px;font-weight:600;color:#636c79}
.ifm-rv__v{flex:1;min-width:0;font-size:12.5px;line-height:1.45;color:#050301;text-wrap:pretty}
.ifm-rv i{font-size:13px;color:#9aa4af;flex:none;align-self:center}
.ifm-rv.is-empty .ifm-rv__v{color:#9aa4af;font-style:italic}
.ifm-note{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;line-height:1.5;color:#636c79;background:#f6fafd;border:1px solid #eef2f6;border-radius:10px;padding:10px 12px;text-wrap:pretty}
.ifm-note i{font-size:14px;color:#3a8518;flex:none;transform:translateY(1px)}

/* footer */
.ifm-ft{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid #eef2f6;background:#fbfdfe;flex:none}
.ifm-ft__sp{flex:1}
.ifm-ft__n{font-size:11.5px;color:#9aa4af;letter-spacing:.04em}
.ifm-b{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 16px;border-radius:900px;border:1px solid #dfe6ec;background:#fff;font:inherit;font-size:12.5px;font-weight:600;color:#050301;cursor:pointer}
.ifm-b:hover{background:#eef2f6}
.ifm-b i{font-size:15px}
.ifm-b--p{background:#3a8518;border-color:#3a8518;color:#fff}
.ifm-b--p:hover{background:#2b6418;border-color:#2b6418}