@import "../platform/platform.css";
.oa-entry,.oa-setup{--oa-ink:#101322;--oa-muted:#68708a;--oa-line:#e4e7f0;--oa-primary:#5147f7;--oa-soft:#f6f7ff;color:var(--oa-ink);background:#fff;min-height:100vh;overflow-x:clip}.oa-entry *,.oa-setup *{box-sizing:border-box}.oa-entry-hero{padding:clamp(5rem,10vw,8rem) 0 5rem;background:radial-gradient(circle at 18% 18%,rgba(81,71,247,.11),transparent 28%),linear-gradient(#fff,#fbfbff)}.oa-entry-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:clamp(2rem,6vw,6rem);align-items:center}.oa-entry-copy h1{font-size:clamp(2.6rem,5vw,5.4rem);line-height:1.05;letter-spacing:-.055em;max-width:800px;margin:1.15rem 0}.oa-entry-copy>p{font-size:1.14rem;line-height:1.9;color:var(--oa-muted);max-width:680px}.oa-truth-note{display:flex;gap:.7rem;align-items:flex-start;margin-top:1.4rem;color:#4d556c;font-size:.9rem;line-height:1.7}.oa-truth-note svg{width:18px;color:#1e9d64;flex:none;margin-top:.25rem}.oa-entry-board{border:1px solid var(--oa-line);border-radius:28px;padding:1.25rem;background:rgba(255,255,255,.92);box-shadow:0 28px 80px rgba(30,35,70,.13);position:relative}.oa-entry-board:before{content:"";position:absolute;inset:-20px;z-index:-1;background:linear-gradient(135deg,rgba(81,71,247,.17),rgba(61,213,181,.12));filter:blur(32px);border-radius:40px}.oa-board-head{display:flex;align-items:center;gap:.8rem;padding:.7rem}.oa-board-head>span{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#ecebff;color:var(--oa-primary)}.oa-board-head div{display:grid;gap:.1rem}.oa-board-head small{color:var(--oa-muted)}.oa-board-head i{margin-inline-start:auto;background:#fff7df;color:#8b6500;border:1px solid #f3dfa4;border-radius:99px;padding:.4rem .65rem;font-style:normal;font-size:.75rem}.oa-board-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;margin:1.2rem 0}.oa-board-flow>div{position:relative;display:grid;place-items:center;gap:.5rem;text-align:center;padding:1rem .35rem;border-radius:17px;background:var(--oa-soft);min-width:0;animation:oa-rise .6s both;animation-delay:var(--delay)}.oa-board-flow span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#fff;color:var(--oa-primary)}.oa-board-flow svg{width:18px}.oa-board-flow b{font-size:.78rem}.oa-board-flow em{position:absolute;width:11px;height:3px;background:#9d96ff;inset-inline-end:-.56rem;top:50%;z-index:2}.oa-board-status{display:flex;gap:.8rem;align-items:center;background:#f2fbf6;border:1px solid #d6f0e1;border-radius:17px;padding:1rem;color:#166b48}.oa-board-status svg{width:22px}.oa-board-status span{display:grid}.oa-board-status small{color:#4e7163;margin-top:.15rem}.oa-heading{text-align:center;max-width:720px;margin:0 auto 2.5rem}.oa-heading span{color:var(--oa-primary);font-weight:700}.oa-heading h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em;margin:.6rem 0}.oa-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.oa-step-grid article{border:1px solid var(--oa-line);border-radius:22px;padding:1.35rem;min-height:235px;position:relative;background:#fff}.oa-step-grid article>i{position:absolute;inset-inline-end:1.2rem;top:1rem;font-style:normal;font-weight:800;color:#c5c8d8}.oa-step-grid article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#efefff;color:var(--oa-primary)}.oa-step-grid h3{font-size:1.1rem;margin:1.2rem 0 .55rem}.oa-step-grid p{color:var(--oa-muted);line-height:1.75;font-size:.92rem}.oa-safety{background:#111427;color:#fff}.oa-safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.oa-safety h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.2;margin:1rem 0}.oa-safety p{color:#b8bfd4;line-height:1.9}.oa-control-list{display:grid;gap:.8rem}.oa-control-list span{display:flex;gap:.7rem;align-items:center;background:#1b1f37;border:1px solid #303653;border-radius:16px;padding:1rem}.oa-control-list svg{color:#77e0b1}.oa-setup{background:#f6f7fb}.oa-setup-header{height:72px;background:#fff;border-bottom:1px solid var(--oa-line);display:flex;align-items:center;position:sticky;top:0;z-index:30}.oa-setup-header>div{width:min(1220px,calc(100% - 2rem));margin:auto;display:flex;align-items:center;justify-content:space-between}.oa-setup-header a{color:inherit;text-decoration:none}.oa-setup-header .brand{font-weight:900;letter-spacing:-.03em;display:flex;align-items:center;gap:.55rem}.oa-setup-header .brand span{display:grid;place-items:center;background:#ecebff;color:var(--oa-primary);border-radius:11px;width:35px;height:35px}.oa-setup-header .brand svg{width:18px}.oa-setup-header nav{display:flex;align-items:center;gap:.65rem}.oa-setup-header nav a,.oa-setup-header nav button{border:1px solid var(--oa-line);border-radius:11px;background:#fff;padding:.65rem .9rem;font:inherit;cursor:pointer}.oa-setup-shell{width:min(1220px,calc(100% - 2rem));margin:2rem auto;display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.25rem;align-items:start}.oa-progress-panel{position:sticky;top:92px;background:#14172a;color:#fff;border-radius:24px;padding:1.2rem}.oa-progress-panel h2{font-size:1.1rem;margin:.4rem 0}.oa-progress-panel>p{color:#afb6cd;font-size:.85rem;line-height:1.6;margin-bottom:1rem}.oa-progress-list{display:grid;gap:.25rem}.oa-progress-list button{display:flex;align-items:center;gap:.65rem;width:100%;border:0;background:transparent;color:#9ea6c0;text-align:inherit;padding:.7rem;border-radius:12px;font:inherit;cursor:pointer}.oa-progress-list button i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#242940;font-style:normal;font-size:.75rem}.oa-progress-list button.active{background:#262b4a;color:#fff}.oa-progress-list button.done i{background:#1d7756;color:#fff}.oa-progress-mobile{display:none}.oa-workspace{background:#fff;border:1px solid var(--oa-line);border-radius:24px;min-width:0}.oa-step-head{padding:1.7rem 1.7rem 1.1rem;border-bottom:1px solid var(--oa-line)}.oa-step-head span{color:var(--oa-primary);font-size:.83rem;font-weight:800}.oa-step-head h1{font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.04em;margin:.35rem 0}.oa-step-head p{color:var(--oa-muted);line-height:1.7;margin:0;max-width:760px}.oa-step-body{padding:1.5rem 1.7rem 1.8rem}.oa-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.oa-field{display:grid;gap:.45rem;font-weight:700;font-size:.9rem}.oa-field.full{grid-column:1/-1}.oa-field input,.oa-field select,.oa-field textarea{width:100%;border:1px solid #d9ddea;border-radius:13px;padding:.85rem .9rem;background:#fff;color:var(--oa-ink);font:inherit;min-height:48px}.oa-field textarea{min-height:120px;resize:vertical;line-height:1.7}.oa-field small{font-weight:400;color:var(--oa-muted)}.oa-field input:focus,.oa-field select:focus,.oa-field textarea:focus,.oa-choice:focus-visible,.oa-template:focus-visible{outline:3px solid rgba(81,71,247,.18);border-color:var(--oa-primary)}.oa-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.oa-choice{border:1px solid var(--oa-line);border-radius:17px;background:#fff;padding:1rem;text-align:inherit;cursor:pointer;min-height:100px;color:inherit}.oa-choice strong{display:block;margin-bottom:.3rem}.oa-choice small{color:var(--oa-muted);line-height:1.5}.oa-choice.active{border-color:var(--oa-primary);box-shadow:0 0 0 2px rgba(81,71,247,.12);background:#f8f8ff}.oa-templates{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.2rem}.oa-template{border:1px solid var(--oa-line);border-radius:18px;padding:1rem;background:#fff;text-align:inherit;color:inherit;cursor:pointer}.oa-template.active{border-color:var(--oa-primary);background:#f7f6ff}.oa-template span{display:inline-block;color:var(--oa-primary);background:#eeeeff;border-radius:99px;padding:.25rem .5rem;font-size:.72rem}.oa-template h3{font-size:1rem;margin:.65rem 0 .3rem}.oa-template p{font-size:.85rem;color:var(--oa-muted);line-height:1.6}.oa-generated{border:1px solid #cfd0ff;background:#f8f8ff;border-radius:18px;padding:1rem;margin:1rem 0}.oa-generated>div{display:flex;align-items:center;gap:.6rem;color:#3e36c9}.oa-generated p{color:var(--oa-muted);line-height:1.6;font-size:.85rem}.oa-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.oa-action-row{border:1px solid var(--oa-line);border-radius:14px;padding:.8rem;display:flex;align-items:center;gap:.7rem}.oa-action-row span{flex:1;display:grid}.oa-action-row small{color:var(--oa-muted)}.oa-action-row select{border:1px solid var(--oa-line);border-radius:9px;padding:.45rem;background:#fff}.oa-knowledge-box{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.oa-knowledge-box>section{border:1px solid var(--oa-line);border-radius:18px;padding:1rem}.oa-knowledge-list{display:grid;gap:.6rem;margin-top:1rem}.oa-knowledge-item{display:flex;gap:.6rem;align-items:center;background:#f7f8fb;padding:.75rem;border-radius:12px}.oa-knowledge-item span{flex:1;display:grid}.oa-knowledge-item small{color:var(--oa-muted)}.oa-status-ready{color:#16815a}.oa-status-pending{color:#9a6a00}.oa-chat{border:1px solid var(--oa-line);border-radius:20px;overflow:hidden;display:grid;grid-template-rows:auto minmax(300px,1fr) auto;min-height:480px}.oa-chat-head{display:flex;align-items:center;gap:.7rem;padding:1rem;border-bottom:1px solid var(--oa-line)}.oa-chat-head span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#ecebff;color:var(--oa-primary)}.oa-messages{padding:1rem;background:#f8f9fc;display:flex;flex-direction:column;gap:.7rem}.oa-message{max-width:min(82%,620px);padding:.8rem 1rem;border-radius:15px;line-height:1.65}.oa-message.user{align-self:flex-end;background:var(--oa-primary);color:#fff;border-end-end-radius:4px}.oa-message.agent{align-self:flex-start;background:#fff;border:1px solid var(--oa-line);border-end-start-radius:4px}.oa-debug{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}.oa-debug span{font-size:.72rem;color:#535c75;background:#eef0f6;border-radius:99px;padding:.3rem .5rem}.oa-chat-form{display:flex;gap:.6rem;padding:.8rem;border-top:1px solid var(--oa-line)}.oa-chat-form input{flex:1;min-width:0;border:1px solid var(--oa-line);border-radius:12px;padding:.8rem;font:inherit}.oa-primary,.oa-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;border-radius:13px;padding:.8rem 1.1rem;font:inherit;font-weight:800;cursor:pointer;text-decoration:none}.oa-primary{border:1px solid var(--oa-primary);background:var(--oa-primary);color:#fff}.oa-secondary{border:1px solid var(--oa-line);background:#fff;color:var(--oa-ink)}.oa-primary:disabled,.oa-secondary:disabled{opacity:.55;cursor:not-allowed}.oa-step-footer{display:flex;justify-content:space-between;gap:.8rem;margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--oa-line)}.oa-alert{display:flex;gap:.65rem;align-items:flex-start;border-radius:14px;padding:.85rem 1rem;margin-bottom:1rem;background:#fff7e8;color:#755216;border:1px solid #f0d8a4}.oa-alert.error{background:#fff1f2;color:#9b1c31;border-color:#f1c4cc}.oa-readiness{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.oa-checklist{display:grid;gap:.55rem}.oa-checklist span{display:flex;gap:.6rem;align-items:center;border:1px solid var(--oa-line);border-radius:13px;padding:.8rem}.oa-checklist .yes svg{color:#16815a}.oa-checklist .no svg{color:#9aa0b4}.oa-channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.oa-channel{border:1px solid var(--oa-line);border-radius:15px;padding:.85rem;text-align:center}.oa-channel svg{width:22px;color:var(--oa-primary)}.oa-channel small{display:block;color:var(--oa-muted);margin-top:.35rem}.oa-channel.coming{opacity:.62}.oa-success{text-align:center;padding:2rem}.oa-success>span{display:grid;place-items:center;width:76px;height:76px;border-radius:25px;background:#e9faef;color:#16815a;margin:auto}.oa-success h2{font-size:2rem}.oa-success p{color:var(--oa-muted)}.oa-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.2rem 0}.oa-summary div{border:1px solid var(--oa-line);border-radius:14px;padding:.85rem}.oa-summary small{display:block;color:var(--oa-muted)}.oa-loader{animation:oa-spin 1s linear infinite}@keyframes oa-spin{to{transform:rotate(360deg)}}@keyframes oa-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:900px){.oa-entry-grid,.oa-safety-grid{grid-template-columns:1fr}.oa-entry-board{max-width:640px}.oa-step-grid{grid-template-columns:repeat(2,1fr)}.oa-setup-shell{grid-template-columns:1fr}.oa-progress-panel{display:none}.oa-progress-mobile{display:block;background:#fff;border-bottom:1px solid var(--oa-line);padding:.65rem 1rem;position:sticky;top:72px;z-index:20}.oa-progress-mobile div{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.4rem}.oa-progress-mobile progress{width:100%;accent-color:var(--oa-primary)}.oa-choice-grid{grid-template-columns:repeat(2,1fr)}.oa-channel-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.oa-entry-hero{padding:4rem 0 3.5rem}.oa-entry-grid{gap:2.4rem}.oa-entry-copy h1{font-size:2.45rem}.oa-entry-copy .pf-actions{display:grid}.oa-entry-copy .pf-button{width:100%}.oa-board-flow{grid-template-columns:1fr}.oa-board-flow>div{grid-template-columns:38px 1fr;text-align:start;justify-items:start}.oa-board-flow em{height:10px;width:3px;inset-inline-start:17px;top:auto;bottom:-.55rem}.oa-step-grid{grid-template-columns:1fr}.oa-safety-grid{gap:2rem}.oa-setup-header{height:64px}.oa-setup-header>div{width:calc(100% - 1rem)}.oa-setup-header .brand b{display:none}.oa-setup-header nav a{display:none}.oa-setup-header nav button{padding:.55rem .7rem}.oa-progress-mobile{top:64px}.oa-setup-shell{width:100%;margin:0;display:block}.oa-workspace{border-radius:0;border-inline:0}.oa-step-head,.oa-step-body{padding:1.2rem 1rem}.oa-form-grid,.oa-choice-grid,.oa-templates,.oa-actions-grid,.oa-knowledge-box,.oa-readiness{grid-template-columns:1fr}.oa-field.full{grid-column:auto}.oa-choice{min-height:86px}.oa-step-footer{position:sticky;bottom:0;background:rgba(255,255,255,.96);z-index:8;padding:.8rem 0 0}.oa-step-footer>*{flex:1}.oa-chat{min-height:430px}.oa-channel-grid{grid-template-columns:repeat(2,1fr)}.oa-summary{grid-template-columns:1fr}.oa-message{max-width:92%}}