:root{--bg:#f6f4ed;--paper:#fffdf8;--panel:#fbfaf5;--ink:#173e34;--dark:#12332b;--muted:#70877a;--line:#d9e2d7;--green:#2a7354;--green2:#215f45;--mint:#e4f0e1;--orange:#e99d5f;--shadow:0 18px 45px rgba(21,64,47,.07)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,"DM Sans","Noto Sans SC",sans-serif;-webkit-font-smoothing:antialiased}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline:3px solid #f0b681;outline-offset:2px}.app-shell{min-height:100vh;display:flex}.sidebar{width:255px;flex:0 0 255px;background:#f0eee6;border-right:1px solid #dfe4da;display:flex;flex-direction:column;padding:22px 14px 15px}.side-top{display:flex;align-items:center;justify-content:space-between;padding:0 8px 23px}.brand{display:flex;align-items:center;gap:9px;color:var(--dark);font-size:19px;font-weight:850;letter-spacing:-.07em;text-decoration:none}.brand span span{color:var(--green)}.brand-mark{width:31px;height:31px;border-radius:10px;background:var(--green);color:#fffdf8!important;display:grid;place-items:center;transform:rotate(-7deg);font-size:18px;letter-spacing:0}.collapse{border:0;background:none;color:#83968a;font-size:15px}.new-btn{display:flex;align-items:center;gap:10px;background:var(--green);border:0;border-radius:10px;color:#fff;padding:11px 14px;font-weight:800;font-size:13px;box-shadow:0 7px 16px rgba(42,115,84,.16);margin:0 4px 20px}.new-btn span{font-size:17px;line-height:1}.primary-nav{display:grid;gap:3px}.nav-item,.project,.utility{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left;color:#557064;border-radius:8px;padding:10px 10px;font-size:13px;font-weight:700}.nav-item:hover,.project:hover,.utility:hover,.nav-item.active,.project.active{background:#e3e9df;color:var(--dark)}.nav-icon{width:18px;text-align:center;font-size:17px;color:#6c8a78}.nav-count{margin-left:auto;font-size:11px;color:#9cac9f}.side-section{margin-top:28px}.side-label{padding:0 10px 8px;color:#9cac9e;font-size:10px;letter-spacing:.12em;font-weight:850;display:flex;justify-content:space-between}.side-label button{border:0;background:none;color:#72927d;font-size:17px;line-height:10px}.project{gap:9px;padding:10px}.project>span:last-child{min-width:0}.project b,.project small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project b{font-size:12px}.project small{font-size:10px;color:#8ba093;margin-top:3px;font-weight:550}.project-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#b7c4b9}.project-dot.running{background:#5fa871;box-shadow:0 0 0 3px #d8ecda}.project-dot.draft{background:var(--orange);box-shadow:0 0 0 3px #f6e5d1}.project-dot.paused{background:#9caaa1}.side-bottom{margin-top:auto;border-top:1px solid #dde3d9;padding-top:12px}.utility{font-size:12px;padding:9px 10px}.utility span{width:18px;text-align:center;font-size:15px}.utility strong{margin-left:auto;font-size:11px;color:#789082}.account{border-top:1px solid #dde3d9;margin-top:10px;padding:15px 7px 0;display:flex;align-items:center;gap:9px}.avatar{width:31px;height:31px;border:0;border-radius:50%;background:#d6e9d4;color:var(--green);font-size:10px;font-weight:900;flex:none}.account b,.account small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account b{font-size:11px}.account small{font-size:10px;color:#8b9c91;margin-top:3px}.chevron{margin-left:auto;color:#93a49a}.main-area{min-width:0;flex:1;display:flex;flex-direction:column}.workspace-bar{height:65px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e5dc;padding:0 31px;background:rgba(246,244,237,.88);backdrop-filter:blur(12px)}.crumb{display:flex;gap:9px;align-items:center;color:#91a097;font-size:12px}.crumb i{font-style:normal;color:#c0c9bf}.crumb b{color:var(--dark);font-weight:800}.bar-actions{display:flex;align-items:center;gap:16px}.live{font-size:10px;color:#71877a;font-weight:750}.live i,.session-live{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6db477;box-shadow:0 0 0 3px #dff0df;margin-right:6px}.icon-btn{border:0;background:none;color:#799184;font-size:18px;padding:4px}.avatar.small{width:28px;height:28px}.workspace-head{padding:37px 36px 26px;display:flex;justify-content:space-between;align-items:end;gap:25px}.eyebrow{font:850 10px/1 "DM Sans",sans-serif;letter-spacing:.15em;color:#9aae9f}.workspace-head h1{font-size:31px;letter-spacing:-.055em;line-height:1.15;color:var(--dark);margin:12px 0 9px}.workspace-head p{font-size:13px;color:#6c8275;line-height:1.6}.head-actions{display:flex;gap:9px}.primary,.outline-btn{border-radius:9px;padding:10px 14px;font-size:11px;font-weight:850}.primary{border:1px solid var(--green);background:var(--green);color:#fff;box-shadow:0 7px 14px rgba(42,115,84,.15)}.outline-btn{background:var(--paper);border:1px solid var(--line);color:var(--green)}.workspace-grid{min-height:0;flex:1;display:grid;grid-template-columns:205px minmax(400px,1fr) 245px;margin:0 20px 22px;border:1px solid #dfe6dc;border-radius:15px;background:var(--paper);overflow:hidden;box-shadow:var(--shadow)}.session-rail{background:#f3f3eb;border-right:1px solid #e1e6dd;padding:19px 11px;display:flex;flex-direction:column}.rail-head{display:flex;justify-content:space-between;align-items:end;padding:0 6px 17px}.rail-head h2{font-size:20px;letter-spacing:-.04em;margin:9px 0 0;color:var(--dark)}.round-btn{width:27px;height:27px;border-radius:8px;background:var(--green);color:white;border:0;font-weight:800}.session-list{display:grid;gap:3px}.session{border:0;background:transparent;text-align:left;display:flex;gap:9px;padding:11px 7px;border-radius:8px;color:#5d7869}.session:hover,.session.active{background:#e6ede2}.session>span:last-child{min-width:0}.session b,.session small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session b{font-size:11px;color:var(--dark)}.session small{font-size:10px;color:#95a499;margin-top:4px}.session-status{width:6px;height:6px;border-radius:50%;background:#b8c4b9;margin:4px 1px 0;flex:none}.session-status.done{background:#66a876}.session-status.working{background:var(--orange)}.all-sessions{border:0;border-top:1px solid #dfe6dd;background:none;text-align:left;padding:17px 6px 0;margin-top:auto;color:#729180;font-size:10px}.chat-pane{min-width:0;display:flex;flex-direction:column;background:#fffefa}.chat-head{height:64px;border-bottom:1px solid #edf0e9;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.session-title{display:flex;align-items:center;gap:10px}.session-title b,.session-title small{display:block}.session-title b{font-size:13px;color:var(--dark)}.session-title small{font-size:10px;color:#99a89e;margin-top:4px}.messages{padding:27px clamp(22px,4vw,60px);flex:1;overflow:auto;display:grid;align-content:start;gap:24px}.message{display:flex;gap:11px;max-width:720px}.message.user{margin-left:auto;flex-direction:row-reverse}.message-avatar{width:26px;height:26px;flex:none;border-radius:8px;display:grid;place-items:center;background:#dcebdc;color:var(--green);font-size:9px;font-weight:900}.agent-mark{background:var(--green);color:#fff}.bubble{font-size:13px;line-height:1.72;color:#405f4d;max-width:590px}.user .bubble{background:#eef4ea;border-radius:13px 3px 13px 13px;padding:12px 15px}.bubble p{margin:0 0 10px}.bubble p:last-of-type{margin-bottom:0}.bubble time{display:block;color:#9cac9f;font-size:10px;margin-top:8px}.user time{text-align:right}.agent-card{background:#f4f8f0;border:1px solid #d9e8d5;border-radius:12px;padding:13px 14px;margin-top:14px}.agent-card>div:first-child{display:flex;justify-content:space-between;align-items:start;gap:12px}.card-kicker{font-size:9px;letter-spacing:.12em;color:#9aad9e;font-weight:850}.agent-card b{display:block;font-size:13px;color:var(--dark);margin-top:5px}.card-state{font-size:9px;color:#b87337;background:#faeddf;border-radius:99px;padding:4px 7px}.mini-stats{border-top:1px solid #e0eadc;margin-top:12px;padding-top:11px;display:flex;gap:23px}.mini-stats span{font-size:10px;color:#869b8e}.mini-stats b{display:inline;font-size:13px;color:var(--green);margin:0 3px 0 0}.card-btn{margin-top:13px;border:0;background:none;color:var(--green);font-size:11px;font-weight:850;padding:0}.composer{border-top:1px solid #e8ede5;padding:15px 23px 13px;display:grid;grid-template-columns:27px 1fr 31px;gap:10px;background:#fffefa}.composer textarea{width:100%;border:0;resize:none;background:transparent;color:var(--dark);font-size:13px;line-height:1.6;min-height:31px;padding:5px 0}.composer textarea::placeholder{color:#a2afa6}.attach,.send{border:0;background:none;color:#8da196;font-size:19px;padding:2px}.send{width:29px;height:29px;border-radius:9px;background:var(--green);color:#fff;font-weight:800}.composer-foot{grid-column:2/4;color:#a1afa5;font-size:9px;display:flex;justify-content:space-between}.context-panel{border-left:1px solid #e1e6dd;background:#f8f8f1;padding:21px 18px}.context-head{display:flex;justify-content:space-between;align-items:start}.context-status{display:flex;align-items:center;gap:8px;font-size:11px;margin:21px 0;color:#71867a}.context-status b{color:#35805a}.context-status small{font-size:10px}.context-block{border-top:1px solid #e2e8df;padding:17px 0}.context-block label{display:block;color:#a0aea4;font-size:9px;letter-spacing:.13em;font-weight:850;margin-bottom:9px}.context-block p{font-size:11px;color:#536d5d;line-height:1.6;margin:0}.tags{display:flex;gap:5px;flex-wrap:wrap}.tags span{font-size:10px;border-radius:7px;background:#e8efe5;color:#5f7a69;padding:5px 7px}.context-link{border:0;background:none;padding:0;color:var(--green);font-size:11px;width:100%;text-align:left}.context-link b{float:right}.budget strong{font-size:18px;letter-spacing:-.04em;color:var(--green)}.budget small{color:#98a69d;font-size:10px}.budget-bar{height:5px;border-radius:5px;background:#e2e9df;margin-top:11px;overflow:hidden}.budget-bar i{display:block;height:100%;background:var(--green);border-radius:5px}.danger-link{border:0;background:none;color:#b66f3a;padding:14px 0 0;font-size:10px;font-weight:800}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--dark);color:#eaf5e8;padding:11px 15px;border-radius:9px;font-size:11px;transition:.22s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1050px){.workspace-grid{grid-template-columns:190px minmax(350px,1fr)}.context-panel{display:none}}@media(max-width:720px){.sidebar{width:58px;flex-basis:58px;padding:17px 8px}.side-top{padding:0 6px 20px}.brand>span:last-child,.collapse,.nav-item:not(.active),.side-section{display:none}.brand-mark{width:31px}.new-btn{justify-content:center;padding:11px 0;font-size:0}.new-btn span{font-size:19px}.nav-item{justify-content:center;padding:11px 0;font-size:0}.nav-icon{font-size:17px}.nav-count,.side-bottom .utility strong,.account>span:not(.avatar){display:none}.side-bottom{padding-top:9px}.account{border:0;padding:10px 4px;justify-content:center}.workspace-bar{padding:0 15px}.crumb span,.crumb i{display:none}.workspace-head{display:block;padding:26px 20px 20px}.workspace-head h1{font-size:26px}.head-actions{margin-top:19px}.workspace-grid{margin:0 9px 10px;grid-template-columns:1fr;min-height:600px}.session-rail{border-right:0;border-bottom:1px solid #e1e6dd;padding:12px 10px}.session-list{display:flex;overflow:auto}.session{min-width:145px}.all-sessions{display:none}.messages{padding:21px 15px}.composer{padding:13px}.chat-head{padding:0 15px}}

/* Auth gate is intentionally part of the product shell so local and hosted
   environments share the same entry point. */
[hidden]{display:none!important}
.auth-gate{min-height:100vh;display:grid;place-items:center;padding:48px 24px;background:radial-gradient(circle at 50% 0,#edf5e8 0,#f6f4ed 48%,#f0eee6 100%)}
.auth-card{width:min(100%,420px);display:grid;justify-items:center;gap:25px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.topup-dialog{border:0;border-radius:16px;padding:0;background:transparent;color:var(--ink);box-shadow:0 24px 70px rgba(21,64,47,.22);width:min(92vw,430px)}.topup-dialog::backdrop{background:rgba(18,51,43,.34);backdrop-filter:blur(3px)}.topup-card{padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.topup-head{display:flex;align-items:start;justify-content:space-between}.topup-head h2{color:var(--dark);font-size:23px;margin:10px 0 0;letter-spacing:-.04em}.topup-card>p{color:var(--muted);font-size:12px;line-height:1.6;margin:16px 0}.dialog-close{border:0;background:none;color:#80968a;font-size:25px;line-height:1;padding:0 2px}.amount-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 13px;background:#fff}.amount-field>span{font-size:24px;color:var(--green);font-weight:700}.amount-field input{border:0;outline:0;min-width:0;flex:1;padding:0 8px;font-size:28px;color:var(--dark);background:transparent}.amount-field small{color:#8b9d92;font-size:10px}.amount-presets{display:flex;gap:7px;margin:12px 0 18px}.amount-presets button{flex:1;border:1px solid var(--line);border-radius:7px;background:#f4f7f0;color:var(--green);padding:8px 4px;font-size:11px;font-weight:800}.amount-presets button:hover{background:var(--mint)}.topup-submit{width:100%;justify-content:center}.topup-submit:disabled{opacity:.6;cursor:wait}.topup-error{color:#b65e47!important;margin:10px 0!important;font-size:11px!important}.payment-note{text-align:center;color:#9aaa9f;font-size:10px;margin-top:14px}
.auth-brand{justify-self:start;width:100%;max-width:390px;margin:0 auto}
.auth-kicker,.auth-card>h1,.auth-card>p{display:none}
#auth-form,#auth-org,#organization-switcher{width:100%;min-width:0}
#auth-form>* ,#auth-org>*{width:100%;max-width:100%;box-sizing:border-box}
.cl-rootBox{width:100%!important;max-width:100%!important;margin:0 auto!important;box-sizing:border-box!important}
.cl-card{width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important;border:1px solid #dfe6dc!important;border-radius:16px!important;background:var(--paper)!important;padding:28px!important;box-shadow:0 18px 45px rgba(21,64,47,.08)!important}
.cl-formFieldRow,.cl-formFieldInput{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.cl-formFieldHintText{display:none!important}
.cl-formFieldAction{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.auth-switch{text-align:center;margin-top:13px}
.auth-link{border:0;background:transparent;color:var(--green);font-size:12px;font-weight:800}
.auth-org{border-top:1px solid #e2e8df;margin-top:4px;padding-top:18px}
.auth-org p{margin:14px 0 0;color:#83968a;font-size:11px}
.auth-loading{color:#84988a;text-align:center;font-size:11px;padding:18px 0}
.bar-actions #organization-switcher-shell{max-width:190px;min-width:0}
.bar-actions #user-button{min-width:28px;min-height:28px}
@media(max-width:520px){.auth-gate{padding:28px 16px}.auth-card{width:min(100%,390px);gap:20px}.auth-brand{max-width:none}.cl-card{padding:22px 18px!important}}
