/* Intake v3 — outcome-driven intake, chat-led. Iterations on the right-hand panel. */
.i3-stage{position:fixed;inset:0;background:#e5ebf1;display:flex;flex-direction:column;overflow:hidden}
.i3-bar{height:48px;flex:none;background:#050301;color:#fff;display:flex;align-items:center;gap:16px;padding:0 20px;font-size:13px}
.i3-bar__t{font-weight:700;font-size:14px}
.i3-bar__n{color:rgba(255,255,255,.5);font-size:12px}
.i3-bar__sp{flex:1}
.i3-bar label{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.6);font-size:12px}
.i3-bar input[type=range]{width:110px;accent-color:#82bc62}
.i3-scroll{flex:1;min-height:0;overflow:auto;padding:26px}
.i3-row{display:flex;gap:26px;align-items:flex-start;width:max-content}
.i3-art{display:flex;flex-direction:column;gap:9px}
.i3-art__head{display:flex;align-items:baseline;gap:10px;padding:0 2px}
.i3-art__n{font-size:11px;font-weight:700;letter-spacing:.1em;color:#636c79}
.i3-art__t{font-size:16px;font-weight:700;letter-spacing:-.01em}
.i3-art__f{margin-left:auto;background:#fff;border:1px solid #ced6de;border-radius:900px;font:inherit;font-size:11px;font-weight:600;padding:4px 12px;cursor:pointer;color:#050301}
.i3-art__f:hover{background:#eef2f6}
.i3-art__d{font-size:12px;color:#636c79;line-height:1.5;text-wrap:pretty;padding:0 2px}
.i3-art__vp{overflow:hidden;border-radius:14px;box-shadow:0 12px 34px rgba(5,3,1,.13),0 0 0 1px rgba(5,3,1,.07)}
.i3-art__in{transform-origin:top left}
.i3-focus{position:fixed;inset:0;background:#e5ebf1;z-index:60;display:flex;flex-direction:column}
.i3-focus__bar{height:46px;flex:none;background:#050301;color:#fff;display:flex;align-items:center;gap:14px;padding:0 18px;font-size:13px;overflow:hidden}
.i3-focus__bar button{background:rgba(255,255,255,.12);border:none;color:#fff;font:inherit;font-size:12px;font-weight:600;padding:6px 14px;border-radius:900px;cursor:pointer;flex:none}
.i3-focus__cap{color:rgba(255,255,255,.55);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.i3-focus__body{flex:1;min-height:0;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:20px}
.i3-fit{transform-origin:top center;flex:none;border-radius:14px;overflow:hidden;box-shadow:0 14px 40px rgba(5,3,1,.16)}

/* ---------- frame ---------- */
.i3-frame{width:1480px;height:820px;display:flex;flex-direction:column;background:#f6fafd;color:#050301;font-family:'PP Telegraf',sans-serif;overflow:hidden}
.i3-top{height:48px;flex:none;background:#fff;border-bottom:1px solid #e5ebf1;display:flex;align-items:center;gap:12px;padding:0 18px}
.i3-top__logo{font-weight:700;font-size:14px}
.i3-top__logo b{color:#3a8518}
.i3-top__crumb{font-size:12px;color:#636c79}
.i3-top__sp{flex:1}
.i3-btn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border-radius:900px;border:1px solid #e5ebf1;background:#fff;font:inherit;font-size:12px;font-weight:600;color:#050301;cursor:pointer;white-space:nowrap}
.i3-btn:hover{background:#eef2f6}
.i3-btn--p{background:#3a8518;border-color:#3a8518;color:#fff}
.i3-btn--p:hover{background:#2b6418}
/* Icon-only circle. Preview is a secondary move next to the primary CTA,
   so it gets a glyph and its width back rather than half the row. */
.i3-btn--icon{flex:none;width:38px;height:38px;padding:0;gap:0;justify-content:center;font-size:15px}
.i4-gowrap{position:relative;flex:1;display:flex}
.i4-gowrap.has-tip{cursor:not-allowed}
.i4-gowrap.has-tip::after{content:attr(data-tip);position:absolute;top:calc(100% + 9px);right:0;background:#050301;color:#fff;font-size:12px;font-weight:600;white-space:nowrap;padding:7px 12px;border-radius:8px;opacity:0;visibility:hidden;transition:opacity .14s;pointer-events:none;z-index:60;box-shadow:0 8px 20px rgba(5,3,1,.18)}
.i4-gowrap.has-tip:hover::after{opacity:1;visibility:visible}
.i3-btn--p.is-wait{background:#fff;border-color:#e5ebf1;color:#9aa4af;opacity:1;pointer-events:none}
.i3-work{flex:1;min-height:0;display:flex;overflow:hidden}
.i3-nav{width:50px;flex:none;background:#fff;border-right:1px solid #e5ebf1;display:flex;flex-direction:column;align-items:center;padding:9px 0;gap:5px}
.i3-nav__b{width:34px;height:34px;border-radius:9px;color:#636c79;display:flex;align-items:center;justify-content:center;font-size:17px}
.i3-nav__b.on{background:#050301;color:#fff}

/* ---------- MakerChat rail ---------- */
.i3-chat{width:340px;flex:none;background:#fff;border-right:1px solid #e5ebf1;display:flex;flex-direction:column;overflow:hidden}
.i3-chat__h{flex:none;height:46px;padding:0 16px;border-bottom:1px solid #e5ebf1;display:flex;align-items:center;gap:9px}
.i3-chat__h i{color:#3a8518;font-size:17px}
.i3-chat__h b{font-size:13.5px;font-weight:700}
.i3-chat__h em{font-style:normal;font-size:11px;color:#9aa4af;margin-left:auto}
.i3-log{flex:1;min-height:0;overflow:auto;padding:13px 14px;display:flex;flex-direction:column;gap:9px}
.i3-msg{font-size:12.5px;line-height:1.48;max-width:96%;text-wrap:pretty}
.i3-msg.me{align-self:flex-end;background:#f6fafd;color:#050301;border-radius:12px 12px 4px 12px;padding:8px 11px}
.i3-msg.ai{align-self:flex-start;color:#373534}
.i3-msg.ai b{color:#050301;font-weight:700}
.i3-msg__done{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;color:#3a8518;margin-top:8px}
.i3-sugs{flex:none;padding:0 16px 10px;display:flex;flex-wrap:wrap;gap:6px}
.i3-sug{flex:none;max-width:100%;text-align:left;font:inherit;font-size:12.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#f6fafd;border:1px solid #e5ebf1;border-radius:900px;padding:8px 14px;cursor:pointer;color:#373534}
.i3-sug:hover{background:#eef2f6;color:#050301}
.i3-comp{flex:none;border-top:1px solid #e5ebf1;padding:11px 14px;display:flex;gap:9px;align-items:center}
.i3-comp input{flex:1;min-width:0;border:1px solid #e5ebf1;border-radius:900px;padding:9px 14px;font:inherit;font-size:13px;outline:none}
.i3-comp input:focus{border-color:#3a8518}
.i3-comp button{width:34px;height:34px;border-radius:900px;border:none;background:#3a8518;color:#fff;cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center}

/* ---------- right-hand audience + timeline panel (always on) ---------- */
.i3-aside{width:276px;flex:none;background:#fff;border-left:1px solid #e5ebf1;display:flex;flex-direction:column;overflow:auto}
.i3-aside__h{flex:none;height:46px;padding:0 16px;border-bottom:1px solid #e5ebf1;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700}
.i3-aside__h i{color:#3a8518;font-size:16px}
.i3-aside__h button{margin-left:auto;background:none;border:none;font:inherit;font-size:11.5px;font-weight:600;color:#3a8518;cursor:pointer;padding:0}
.i3-as{padding:14px 16px;border-bottom:1px solid #f1f4f7;display:flex;flex-direction:column;gap:9px}
.i3-as:last-child{border-bottom:none}
.i3-as__k{font-size:9.5px;font-weight:700;letter-spacing:.12em;color:#9aa4af}
.i3-ar{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.4}
.i3-ar b{flex:none;width:62px;font-size:10.5px;font-weight:600;letter-spacing:.04em;color:#9aa4af;text-transform:uppercase;padding-top:2px}
.i3-ar span{flex:1;min-width:0;outline:none;border-radius:5px;text-wrap:pretty}
.i3-ar span:hover{background:#f7fafc;box-shadow:0 0 0 3px #f7fafc}
.i3-ar span:focus{background:#fff;box-shadow:0 0 0 2px #a5cf8e}
.i3-tl{display:flex;flex-direction:column;gap:0}
.i3-tl__r{display:flex;gap:11px;align-items:flex-start;font-size:12.5px;padding:0 0 13px;position:relative}
.i3-tl__r:last-child{padding-bottom:0}
.i3-tl__d{width:9px;height:9px;border-radius:900px;background:#3a8518;flex:none;margin-top:4px;position:relative}
.i3-tl__r:not(:last-child) .i3-tl__d::after{content:"";position:absolute;left:4px;top:11px;width:1px;height:22px;background:#dfe6ec}
.i3-tl__r.soft .i3-tl__d{background:#dfe6ec}
.i3-tl__t{flex:1;min-width:0}
.i3-tl__t b{display:block;font-weight:700}
.i3-tl__t span{display:block;font-size:11.5px;color:#9aa4af;margin-top:2px}
.i3-big{font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.i3-big + span{display:block;font-size:11.5px;color:#9aa4af;margin-top:6px}

/* ---------- right panel shell ---------- */
.i3-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#f6fafd}
.i3-ph{flex:none;padding:16px 24px 0;display:flex;align-items:flex-end;gap:14px}
.i3-ph__t{font-size:19px;font-weight:700;letter-spacing:-.022em}
.i3-ph__s{font-size:12.5px;color:#636c79;margin-top:4px}
.i3-ph__sp{flex:1}
.i3-tabs{flex:none;display:flex;align-items:center;gap:20px;padding:0 24px;border-bottom:1px solid #e5ebf1;height:44px;margin-top:12px;background:#fff}
.i3-tab{background:none;border:none;font:inherit;font-size:13px;font-weight:600;color:#636c79;height:44px;padding:0;cursor:pointer;position:relative;display:inline-flex;align-items:center;gap:6px}
.i3-tab>i.ti{font-size:16px;color:#9aa4af}
.i3-tab.on>i.ti{color:#3a8518}
.i3-tab.on{color:#050301;font-weight:700}
.i3-tab.on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#3a8518}
.i3-tab span{font-weight:400;color:#9aa4af;font-size:11px;margin-left:6px}
.i3-body{flex:1;min-height:0;overflow:auto;padding:18px 24px 22px}
.i4-empty{border:1px dashed #dfe6ec;border-radius:12px;padding:30px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.i4-empty__t{font-size:14px;font-weight:700}
.i4-empty__s{font-size:12.5px;color:#636c79}
.i3-doc{max-width:780px}
.i3-foot{flex:none;background:#fff;border-top:1px solid #e5ebf1;padding:11px 24px;display:flex;align-items:center;gap:12px;font-size:12.5px;color:#636c79}
.i3-foot b{color:#050301}
.i3-foot__sp{flex:1}
.i3-k{font-size:10px;font-weight:700;letter-spacing:.14em;color:#636c79;display:flex;align-items:center;gap:10px;margin-bottom:11px}
.i3-k i.rule{flex:1;height:1px;background:#e5ebf1}
.i3-k em{font-style:normal;font-weight:400;letter-spacing:.02em;font-size:11.5px;color:#9aa4af}
.i3-card{background:#fff;border:1px solid #e5ebf1;border-radius:13px;overflow:hidden}

/* ---------- output card (static example) ---------- */
.i3-oc{background:#fff;border:1px solid #e5ebf1;border-radius:13px;padding:14px 16px 16px;display:flex;flex-direction:column;gap:9px;min-width:0}
.i3-oc__k{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:.12em;color:#3a8518}
.i3-oc__k i.rule{width:14px;height:2px;background:#3a8518;border-radius:900px;flex:none}
.i3-oc__h{font-size:15px;font-weight:700;letter-spacing:-.018em;line-height:1.25;text-wrap:pretty}
.i3-oc__f{font-size:10.5px;color:#9aa4af;margin-top:2px}
.i3-oc--lg .i3-oc__h{font-size:20px}
.i3-ex3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.i3-cuts{display:flex;flex-wrap:wrap;gap:6px}
.i3-cut{font-size:11px;font-weight:600;color:#4d6b39;background:#f3f9ef;border:1px solid #dfeed5;border-radius:900px;padding:3px 9px}
.i3-lab{font-size:9.5px;font-weight:700;letter-spacing:.12em;color:#9aa4af}
.i3-qs{display:flex;flex-direction:column;gap:7px}
.i3-q{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;line-height:1.42;color:#373534}
.i3-q__t{flex:none;font-size:9.5px;font-weight:700;letter-spacing:.04em;color:#636c79;background:#eef2f6;border-radius:4px;padding:2px 6px;margin-top:1px;min-width:54px;text-align:center}

/* objective document row */
.i3-obj{display:flex;flex-direction:column;gap:12px;padding:0 0 20px;border-bottom:1px solid #e5ebf1;margin-bottom:20px}
.i3-obj:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.i3-obj__k{font-size:10px;font-weight:700;letter-spacing:.13em;color:#9aa4af}
.i3-obj__t{font-size:19px;font-weight:700;letter-spacing:-.022em;line-height:1.25;text-wrap:pretty;margin:5px 0 0}
.i3-obj__g{display:grid;grid-template-columns:1.1fr 1fr;gap:14px;align-items:start}
.i3-sub{display:flex;flex-direction:column;gap:9px;background:#fff;border:1px solid #e5ebf1;border-radius:13px;padding:14px 16px}

/* accordion */
.i3-acc{background:#fff;border:1px solid #e5ebf1;border-radius:13px;overflow:hidden;margin-bottom:11px}
.i3-acc__h{display:flex;align-items:center;gap:12px;padding:15px 16px;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:-.01em;width:100%;background:none;border:none;font-family:inherit;text-align:left;color:#050301}
.i3-acc__n{font-size:10.5px;font-weight:700;color:#9aa4af;flex:none}
.i3-acc__c{flex:1;min-width:0}
.i3-acc__i{flex:none;color:#9aa4af;font-size:16px}
.i3-acc.on .i3-acc__i{color:#3a8518}
.i3-acc__b{border-top:1px solid #f1f4f7;padding:15px 16px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}

/* checklist / steps */
.i3-steps{display:flex;flex-direction:column;gap:8px}
.i3-step{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #e5ebf1;border-radius:11px;padding:13px 15px;font-size:13px;cursor:pointer;width:100%;font-family:inherit;text-align:left;color:#050301}
.i3-step.on{border-color:#3a8518;background:#f7fcf4}
.i3-step__i{width:26px;height:26px;border-radius:900px;flex:none;background:#eef2f6;color:#636c79;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.i3-step.done .i3-step__i{background:#3a8518;color:#fff}
.i3-step b{font-weight:700;flex:1}
.i3-step span{font-size:11.5px;color:#9aa4af}
.i3-wiz{display:flex;align-items:center;gap:9px;font-size:12px;color:#636c79;margin-bottom:14px}
.i3-wiz i{width:24px;height:5px;border-radius:900px;background:#dfe6ec;display:block}
.i3-wiz i.on{background:#3a8518}

/* deck strip */
.i3-strip{display:flex;gap:10px}
.i3-thumb{flex:1;border:1px solid #e5ebf1;border-radius:9px;background:#fff;padding:9px 10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:0}
.i3-thumb.on{border-color:#3a8518;box-shadow:0 0 0 2px #dfeed5}
.i3-thumb b{font-size:9px;font-weight:700;letter-spacing:.1em;color:#3a8518}
.i3-thumb span{font-size:10.5px;color:#636c79;line-height:1.3}

/* review rows / edit surfaces */
.i3-r{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-top:1px solid #f1f4f7;font-size:13px;line-height:1.45}
.i3-r:first-child{border-top:none}
.i3-r b{flex:none;width:88px;font-size:11px;font-weight:600;letter-spacing:.05em;color:#636c79;text-transform:uppercase;padding-top:2px}
.i3-r__v{flex:1;min-width:0;outline:none;border-radius:5px;text-wrap:pretty}
.i3-r__v:hover{background:#f7fafc;box-shadow:0 0 0 4px #f7fafc}
.i3-r__v:focus{background:#fff;box-shadow:0 0 0 2px #a5cf8e}
.i3-ico{flex:none;width:26px;height:26px;border-radius:7px;border:none;background:transparent;color:#ced6de;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px}
.i3-r:hover .i3-ico{color:#636c79}
.i3-ico:hover{background:#eef2f6;color:#050301}
.i3-add{display:flex;align-items:center;gap:8px;width:100%;padding:11px 16px;border-top:1px dashed #dfe6ec;background:transparent;font:inherit;font-size:12.5px;font-weight:600;color:#3a8518;cursor:pointer}
.i3-add:hover{background:#f7fafc}
.i3-note{display:flex;align-items:center;gap:8px;font-size:12px;color:#9aa4af;margin-top:13px}
.i3-note i{font-size:15px;color:#ced6de}
.i3-segc{font-size:11.5px;font-weight:600;border:1px solid #ced6de;border-radius:900px;padding:5px 11px;background:#fff;color:#373534;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:inherit}
.i3-segc.on{border-color:#3a8518;background:#f3f9ef;color:#2b6418}
.i3-tiles{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;padding:15px}
.i3-tile{aspect-ratio:3/4;border-radius:8px;background:#f6fafd;border:1px solid #e5ebf1;display:flex;align-items:flex-end;padding:7px;font-size:10px;color:#9aa4af}
.i3-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#f1f4f7}
.i3-num{background:#fff;padding:14px 16px}
.i3-num b{display:block;font-size:21px;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.i3-num span{display:block;font-size:11px;color:#9aa4af;margin-top:6px}