*{box-sizing:border-box}body{margin:0;background:#f5f5f0;color:#233b36;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #99bc66;outline-offset:3px}button{border:0}button[hidden],[hidden]{display:none!important}.app{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;padding:35px 24px;background:#fff;border-right:1px solid #e6e9e1;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#254f40;font-size:25px;font-weight:720;margin-bottom:54px;letter-spacing:-.7px}.brand small{display:block;font-size:11px;font-weight:500;letter-spacing:0;color:#7a8880;margin-top:5px}.sail{width:41px;height:44px;display:grid;place-items:center;border-radius:12px;background:#234d3e;color:#dcebbc;font-size:32px}.section-label,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#89958b}.sidebar>.section-label{margin:0 12px 13px}nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:13px 12px;border-radius:10px;background:none;text-align:left;color:#64736b;font-size:13px}.nav-item>span{font-size:20px;width:23px;text-align:center}.nav-item.active{background:#eaf0e4;color:#2f583f;font-weight:650}.nav-item:hover{background:#f0f3ec}.coming{display:grid;gap:18px;margin:42px 12px;color:#9ca49e;font-size:13px}.coming .section-label{margin-bottom:2px}.local-note{margin-top:auto;padding:17px 14px;background:#f8f9f4;border-radius:12px;font-size:11px;color:#6b7f70}.status-dot,.online i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#80a45c;margin-right:7px}.local-note p{font-size:11px;line-height:1.65;margin-bottom:0;color:#879288}main{margin-left:232px;width:calc(100% - 232px);padding:35px 38px 24px;max-width:1600px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}h1{font-size:26px;letter-spacing:-.85px;margin:9px 0 0;font-weight:650}.build-label{border:1px solid #dce2d6;border-radius:25px;padding:9px 13px;color:#71806e;font-size:11px}.switcher{display:flex;align-items:center;gap:22px;margin-bottom:26px}.switcher-label{font-size:12px;font-weight:650;line-height:1.8}.switcher-label span{display:block;font-size:10px;font-weight:400;color:#93a08f}#actors{display:flex;gap:9px;flex:1}.actor{display:flex;align-items:center;gap:10px;padding:10px 13px;background:#fff;border:1px solid #e4e8dc;border-radius:12px;text-align:left;flex:1;max-width:245px;color:#6d7a70}.actor[aria-pressed=true]{background:#edf3e5;border-color:#9bb584;color:#36523a;box-shadow:0 2px 7px #254e3410}.initials{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#f0f1eb;font-size:10px;font-weight:700;flex-shrink:0}.actor[aria-pressed=true] .initials{background:#d6e6bd}.actor strong{display:block;font-size:12px;font-weight:650}.actor small{display:block;font-size:10px;color:#8a9686;margin-top:4px}.unread{display:inline-grid;place-items:center;min-width:18px;height:18px;background:#436b47;color:white;border-radius:10px;font-size:10px;margin-left:auto}.workspace{display:grid;grid-template-columns:minmax(310px,1fr) 276px;gap:23px;align-items:start}.conversation{background:#fff;border:1px solid #e2e7da;border-radius:17px;overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 215px);min-height:470px;box-shadow:0 5px 25px #30422704}.chat-header{display:flex;align-items:center;gap:11px;padding:16px 23px;border-bottom:1px solid #edf0e7;background:#fff}.bot-avatar{width:36px;height:36px;border-radius:12px;background:#315b48;color:#e6efcf;display:grid;place-items:center;font-family:Georgia,serif;font-size:23px}.chat-header strong{font-size:13px;display:block}.chat-header span:not(.online){display:block;font-size:10px;color:#94a08f;margin-top:4px}.online{margin-left:auto;color:#7a8d74;font-size:10px}#messages{flex:1;overflow-y:auto;padding:22px 23px;overscroll-behavior:contain;background:linear-gradient(140deg,#fafbf7,#f4f7f0);scrollbar-width:thin;scrollbar-color:#d6dfce transparent}.message{max-width:91%;margin:0 0 16px;animation:appear .17s ease-out}.message.user{margin-left:auto;width:fit-content;max-width:82%}.message .sender{font-size:9px;color:#8a9983;margin:0 2px 6px}.bubble{padding:15px 17px;background:#fff;border:1px solid #e5eadd;border-radius:0 14px 14px 14px;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#445c49}.user .bubble{background:#e3eccf;border-color:#d8e4c6;border-radius:14px 0 14px 14px;color:#3c5433;padding:10px 15px}.message .keyboard{display:grid;gap:6px;margin-top:7px}.keyboard-row{display:flex;gap:6px}.keyboard button{flex:1;min-width:0;padding:10px 11px;background:#f0f5e7;border:1px solid #d9e4cb;color:#436038;border-radius:9px;font-size:11px;line-height:1.4;overflow-wrap:anywhere;transition:background .1s}.keyboard button:hover{background:#e3edcf}.chosen{font-size:10px;margin-top:7px;color:#8a987f}.empty{text-align:center;color:#889680;padding:30px;font-size:12px}#composer{display:flex;gap:10px;align-items:flex-end;padding:13px 17px 4px;background:#fff}textarea{resize:none;display:block;min-height:42px;max-height:120px;flex:1;min-width:0;padding:12px;border:1px solid #e5e9df;border-radius:10px;color:#344f3e;background:#fafbf8;font-size:12px;line-height:1.4}textarea::placeholder{color:#a2ab9b}#send{height:42px;width:42px;border-radius:11px;background:#315942;color:#fff;font-size:23px;flex-shrink:0}#send:hover,.primary:hover{background:#244531}.composer-hint{padding:4px 19px 11px;color:#a7b09f;font-size:9px}.details{display:grid;gap:15px}.profile-card,.guide-card,.steps-card{border-radius:14px;padding:20px;background:#fff;border:1px solid #e3e8dc}.details h2{font-size:17px;font-weight:600;margin:12px 0;letter-spacing:-.35px}.badge{display:inline-block;font-size:10px;padding:5px 9px;background:#f0f2ea;color:#7d896f;border-radius:20px}.badge.approved{background:#e5efd8;color:#466935}.badge.pending{background:#fff1cf;color:#9b762d}dl{margin:20px 0 12px}dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:10px}dt{color:#929c8b}dd{margin:0;color:#526247;text-align:right;max-width:135px;overflow-wrap:anywhere}.text-button{background:none;color:#567b46;font-size:11px;width:100%;padding:11px 0 0;border-top:1px solid #eff1e9;display:flex;justify-content:space-between}.guide-card{background:#ebf0df;border-color:#e1e7d2}.guide-card .section-label{color:#8b9876}.guide-card p{font-size:12px;line-height:1.65;color:#768567;margin:0 0 17px}.primary{padding:12px 15px;background:#345840;color:#fff;border-radius:9px;font-size:11px;display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;text-align:left}.fixture{font-size:10px;line-height:1.6;color:#889675;padding-top:13px}.steps-card{padding-top:17px}.steps-card ol{padding:0;margin:17px 0 0;list-style:none;display:grid;gap:16px}.steps-card li{display:flex;gap:12px;color:#647657;font-size:11px}.steps-card b{font-size:10px;width:23px;height:23px;border-radius:50%;background:#f0f3e9;display:grid;place-items:center;flex-shrink:0;font-weight:500}.steps-card li.complete b{background:#dce9c8;color:#476731}.steps-card small{display:block;color:#a0a991;font-size:9px;margin-top:5px}.reset{background:none;font-size:10px;color:#929d88;padding:6px}.reset:hover{color:#345840;text-decoration:underline}#connection-error{padding:12px 18px;background:#fff0dc;color:#935d26;font-size:12px;display:flex;align-items:center;gap:12px}#connection-error button{background:#fff9ed;color:#935d26;padding:6px 9px;border-radius:6px;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:1px solid #d7e0cb;padding:28px;border-radius:17px;max-width:420px;color:#344d3b;box-shadow:0 15px 80px #15342133}dialog::backdrop{background:#22342c60}dialog h2{font-size:21px;margin:0 0 15px}dialog p{font-size:13px;line-height:1.7;color:#7b8771}dialog>div{display:flex;gap:10px;margin-top:24px}dialog .primary{width:auto}.secondary{background:#f0f3e9;padding:12px;color:#637256;border-radius:9px;font-size:11px}@keyframes appear{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1550px){main{margin-right:auto;margin-left:auto;padding-left:265px;width:100%}.sidebar{z-index:1}}@media(max-width:1180px){.sidebar{width:195px;padding:28px 15px}main{margin-left:195px;width:calc(100% - 195px);padding:28px 24px}.workspace{grid-template-columns:minmax(290px,1fr) 245px;gap:16px}.switcher-label{display:none}.actor{padding:9px;gap:7px}.topbar h1{font-size:24px}.conversation{height:calc(100vh - 190px)}.build-label{display:none}}@media(max-width:900px){.sidebar{width:75px;padding:25px 13px;align-items:center}.brand{margin-bottom:26px}.brand>span:last-child,.sidebar>.section-label,.coming,.local-note{display:none}.nav-item{font-size:0;width:48px;height:48px;justify-content:center;padding:12px}.nav-item>span{font-size:23px}.workspace{grid-template-columns:1fr}.details{grid-template-columns:1fr 1fr}.steps-card{display:none}.reset{grid-column:1/-1}main{margin-left:75px;width:calc(100% - 75px)}.conversation{height:65vh;min-height:450px}.topbar{margin-bottom:22px}.switcher{margin-bottom:18px}.actor small{font-size:9px}}@media(max-width:560px){.sidebar{display:none}main{margin:0;width:100%;padding:22px 13px}.eyebrow{font-size:8px;letter-spacing:1.15px}h1,.topbar h1{font-size:24px;margin-top:8px}.topbar{margin-bottom:21px}#actors{gap:6px}.actor{padding:10px 7px;gap:6px;justify-content:center}.actor .initials{display:none}.actor strong{font-size:10px}.actor small{font-size:8px}.conversation{height:66vh;min-height:440px;border-radius:13px}.chat-header{padding:14px 16px}#messages{padding:18px 13px}.message{max-width:96%}.bubble{padding:13px;font-size:12px}.keyboard-row{flex-wrap:wrap}.keyboard button{padding:10px 7px;font-size:10px}.details{grid-template-columns:1fr;gap:12px}.profile-card{display:none}.guide-card{padding:19px}.guide-card .primary{max-width:100%}.fixture{font-size:11px}.unread{min-width:15px;height:15px;font-size:8px;margin-left:2px}}@media(prefers-reduced-motion:reduce){.message{animation:none}*{scroll-behavior:auto!important}}
