/* Demonstração visual do chat e da governança do Torno. */
.torno-workspace{background:#151515}
.tn-topbar{display:flex;align-items:center;gap:24px;min-height:66px;padding:0 22px;border-bottom:1px solid #373634}
.tn-brand{display:flex;align-items:center;gap:11px;color:#999692;font:9px/1.4 var(--mono);letter-spacing:.08em;white-space:nowrap}
.tn-brand strong{color:#eeeae6;font:500 14px/1 var(--font);letter-spacing:0}
.tn-brand-mark{display:flex;width:22px;flex-direction:column;gap:4px}
.tn-brand-mark i{display:block;height:1px;background:#caa18e}
.tn-brand-mark i:nth-child(1){width:15px}.tn-brand-mark i:nth-child(2){width:21px}.tn-brand-mark i:nth-child(3){width:13px}
.tn-divider{width:1px;height:17px;background:#4a4845}
.tn-workspace-tabs{display:flex;align-self:stretch;gap:4px}
.tn-workspace-tabs button{position:relative;border:0;background:transparent;padding:0 15px;color:#a7a5a0;font:400 13px var(--font);cursor:pointer}
.tn-workspace-tabs button:hover,.tn-workspace-tabs button[aria-pressed=true]{color:#f2efec}
.tn-workspace-tabs button[aria-pressed=true]:after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:2px;background:#d0a48f}
.tn-demo-tag{margin-left:auto;color:#aaa19b;font:9px/1.3 var(--mono);letter-spacing:.07em;white-space:nowrap}
.tn-workspace-panel[hidden],.tn-invite-demo[hidden],.tn-spend-stage [data-cost-panel][hidden]{display:none}
.tn-workspace-panel[data-workspace-panel=chat]:not([hidden]){display:grid;grid-template-columns:180px minmax(0,1fr) 255px;min-height:500px}
.tn-label{color:#a09d99;font:9px/1.5 var(--mono);letter-spacing:.07em}
.tn-chat-rail{display:flex;flex-direction:column;min-width:0;padding:25px 16px;border-right:1px solid #373634;background:#191919}
.tn-rail-selected{display:flex;gap:9px;margin-top:17px;padding:11px;border-radius:4px;background:#33312f;color:#e7e4e0;font-size:12px;line-height:1.45}
.tn-rail-selected>span{color:#c9a18f;font-size:14px}
.tn-rail-context{display:grid;gap:5px;margin:29px 10px 0}
.tn-rail-context>span,.tn-rail-bottom{color:#8f8d89;font:9px/1.5 var(--mono)}
.tn-rail-context strong{color:#d6d3ce;font-size:12px;font-weight:500}.tn-rail-context small{color:#999792;font-size:11px}
.tn-rail-bottom{display:flex;align-items:center;gap:8px;margin:auto 10px 0;padding-top:30px;font-size:8px}
.tn-dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:2px;background:#c59985}
.tn-chat{min-width:0;background:#111}
.tn-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:78px;padding:19px 24px;border-bottom:1px solid #373634}
.tn-panel-heading strong{display:block;margin-top:6px;color:#e6e3df;font-size:14px;font-weight:500}
.tn-example-tag{padding:4px 6px;border:1px solid #4a4540;border-radius:3px;color:#bca497;font:9px var(--mono);white-space:nowrap}
.tn-chat-content{padding:23px 24px}
.tn-message{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start}
.tn-message+.tn-message{margin-top:22px}
.tn-avatar{display:grid;place-items:center;width:28px;height:28px;border:1px solid #514d49;border-radius:6px;background:#242424;color:#d3d0cc;font:10px var(--mono)}
.tn-avatar-maestro{background:#2a211d;color:#d6aa95;font-size:15px}
.tn-message-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-height:20px}
.tn-message-meta strong{color:#dfddda;font-size:12px;font-weight:500}
.tn-message-meta span{color:#928f8b;font:8px/1.4 var(--mono);letter-spacing:.04em}
.tn-message p{margin-top:5px;color:#c6c4c0;font-size:13px;line-height:1.65}
.tn-flow{margin:20px 0 0 40px;border:1px solid #403e3b;border-radius:5px;background:#1a1a19;padding:16px}
.tn-flow-heading{display:flex;justify-content:space-between;gap:8px;padding-bottom:13px;border-bottom:1px solid #393735;color:#aaa6a1;font:8px/1.4 var(--mono);letter-spacing:.05em}
.tn-flow-heading span:last-child{color:#b99888}
.tn-flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-top:15px}
.tn-flow-steps>div{min-width:0}.tn-flow-steps>div>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #655850;border-radius:50%;color:#c69a87;font:9px var(--mono)}
.tn-flow-steps strong,.tn-flow-steps small{display:block;overflow-wrap:anywhere}
.tn-flow-steps strong{margin-top:9px;color:#e0ddda;font-size:11px;line-height:1.35;font-weight:500}.tn-flow-steps small{margin-top:4px;color:#9d9a96;font-size:10px;line-height:1.45}
.tn-compose{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px;padding:12px 14px;border:1px solid #454340;border-radius:5px;color:#85837f;font-size:12px}
.tn-compose span:last-child{display:grid;place-items:center;width:24px;height:24px;border-radius:4px;background:#33302e;color:#c4b2a9;font-size:14px}
.tn-chat-context{min-width:0;padding:25px 20px;border-left:1px solid #373634;background:#1a1a19}
.tn-context-heading{display:flex;justify-content:space-between;gap:8px;padding-bottom:18px;border-bottom:1px solid #3c3a38;color:#a5a29e;font:9px/1.4 var(--mono);letter-spacing:.04em}
.tn-context-heading span:last-child{color:#c49c88}.tn-context-kicker{margin-top:25px;color:#bba092;font:9px var(--mono)}
.tn-chat-context h3{margin-top:13px;font-size:23px;line-height:1.17;letter-spacing:-.03em;font-weight:450}
.tn-chat-context>p:not(.tn-context-kicker):not(.tn-context-note){margin-top:12px;color:#a8a6a1;font-size:13px;line-height:1.7}
.tn-context-list{margin-top:24px;border-top:1px solid #3b3a38}
.tn-context-list>div{display:flex;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid #3b3a38;font-size:11px;line-height:1.4}
.tn-context-list span{color:#a5a29d}.tn-context-list strong{color:#dcd9d5;font-weight:500;text-align:right}
.tn-context-note{display:flex;align-items:center;gap:8px;margin-top:20px;color:#a7a5a1;font-size:11px;line-height:1.5}
.tn-governance{padding:28px;background:#171717}
.tn-gov-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:25px}
.tn-gov-heading h3{margin-top:8px;color:#eeece8;font-size:27px;line-height:1.15;letter-spacing:-.035em;font-weight:450}
.tn-gov-heading p:not(.tn-label){margin-top:8px;color:#aaa7a3;font-size:13px;line-height:1.6}
.tn-invite-button{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid #8e7c72;border-radius:4px;background:#26211e;color:#ede7e3;font:500 12px var(--font);cursor:pointer;white-space:nowrap}
.tn-invite-button span{font-size:16px;color:#d1aa98}.tn-invite-button:hover{background:#39302b}
.tn-invite-demo{display:grid;grid-template-columns:1fr minmax(160px,1fr) minmax(115px,.6fr) auto;gap:14px;align-items:end;margin-top:22px;padding:16px;border:1px solid #57504b;border-radius:5px;background:#211f1e}
.tn-invite-demo strong{font-size:12px;font-weight:500}.tn-invite-demo p{margin-top:4px;color:#aaa6a0;font-size:11px;line-height:1.5}
.tn-invite-demo label{display:grid;gap:6px;color:#c9c6c2;font-size:11px}
.tn-invite-demo input,.tn-invite-demo select{width:100%;min-width:0;height:35px;padding:7px 9px;border:1px solid #55504b;border-radius:4px;background:#151515;color:#eee;font:12px var(--font)}
.tn-invite-demo input::placeholder{color:#898782}
.tn-invite-demo button{height:44px;padding:0 12px;border:1px solid #55504b;border-radius:4px;background:transparent;color:#dedbd7;font:12px var(--font);cursor:pointer}
.tn-gov-overview{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:0;margin-top:25px;border:1px solid #3b3937;border-radius:5px;background:#1d1d1c}
.tn-gov-overview>div{min-width:0;padding:18px 20px}.tn-gov-overview>div+div{border-left:1px solid #3b3937}
.tn-gov-overview span{display:block;color:#999792;font:9px/1.5 var(--mono);letter-spacing:.03em}
.tn-gov-overview strong{display:block;margin-top:7px;color:#eae8e5;font-size:22px;line-height:1.2;font-weight:450;letter-spacing:-.03em}
.tn-gov-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;margin-top:20px}
.tn-org,.tn-spend{min-width:0;border:1px solid #3d3b38;border-radius:5px;background:#1d1d1c;padding:22px}
.tn-block-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}
.tn-block-heading h4{margin-top:7px;color:#e9e7e4;font-size:19px;line-height:1.25;font-weight:450;letter-spacing:-.02em}
.tn-org-help{margin-top:9px;color:#a6a39f;font-size:12px;line-height:1.6}
.tn-org-tree{display:grid;gap:0;margin-top:21px}
.tn-org-root,.tn-org-team{display:flex;align-items:center;gap:11px;min-height:58px;padding:10px;border:1px solid #403e3b;border-radius:4px}
.tn-org-team{margin:9px 0 0 22px;background:#232321}
.tn-org-icon{display:grid;place-items:center;width:27px;height:27px;flex:none;border:1px solid #5b514b;border-radius:5px;color:#c9a18e;font-size:13px}
.tn-org-root strong,.tn-org-team strong,.tn-org-root small,.tn-org-team small{display:block}
.tn-org-root strong,.tn-org-team strong{font-size:12px;font-weight:500;color:#e3e0dc}.tn-org-root small,.tn-org-team small{margin-top:4px;color:#a19e99;font-size:10px;line-height:1.4}
.tn-org-team b{margin-left:auto;color:#a6a29d;font:10px var(--mono)}
.tn-currency{color:#bd9a89;font:11px var(--mono)}
.tn-spend-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-top:20px}
.tn-spend-tabs button{min-height:44px;padding:7px 9px;border:1px solid transparent;border-radius:3px;background:transparent;color:#aaa7a3;font:11px var(--font);cursor:pointer}
.tn-spend-tabs button:hover,.tn-spend-tabs button[aria-pressed=true]{border-color:#5b5049;background:#332e2b;color:#eeeae6}
.tn-spend-stage{min-height:195px;margin-top:12px}
.tn-spend-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 15px;padding:13px 0;border-top:1px solid #3c3a38}
.tn-spend-row strong,.tn-spend-row small{display:block}
.tn-spend-row strong{color:#e4e1dd;font-size:12px;font-weight:500}.tn-spend-row small{margin-top:4px;color:#9d9a96;font-size:10px}
.tn-spend-row b{color:#ece9e5;font-size:12px;font-weight:500;white-space:nowrap}
.tn-spend-row>span{grid-column:1/-1;height:3px;border-radius:2px;background:#3b3937;overflow:hidden}
.tn-spend-row>span i{display:block;height:100%;border-radius:2px;background:#c4a08e}
.tn-spend-note{margin-top:8px;color:#aaa7a2;font-size:10px;line-height:1.6}
.tn-workspace-tabs button:focus-visible,.tn-spend-tabs button:focus-visible,.tn-invite-button:focus-visible,.tn-invite-demo button:focus-visible,.tn-invite-demo input:focus-visible,.tn-invite-demo select:focus-visible{outline:2px solid #d6aa96;outline-offset:3px}
@media(max-width:1100px){.tn-workspace-panel[data-workspace-panel=chat]:not([hidden]){grid-template-columns:160px minmax(0,1fr) 225px}.tn-chat-context{padding-inline:17px}.tn-chat-content,.tn-panel-heading{padding-inline:19px}.tn-governance{padding:23px}.tn-org,.tn-spend{padding:18px}}
@media(max-width:900px){.tn-workspace-panel[data-workspace-panel=chat]:not([hidden]){grid-template-columns:155px minmax(0,1fr);grid-template-areas:"rail chat" "rail context"}.tn-chat-rail{grid-area:rail}.tn-chat{grid-area:chat}.tn-chat-context{grid-area:context;border-left:0;border-top:1px solid #373634}.tn-gov-grid{grid-template-columns:1fr}.tn-invite-demo{grid-template-columns:1fr 1fr}.tn-invite-demo>div{grid-column:1/-1}.tn-invite-demo button{justify-self:start}}
@media(max-width:700px){.tn-topbar{flex-wrap:wrap;gap:0;padding:12px 16px 0}.tn-brand{flex:1;min-height:34px}.tn-demo-tag{font-size:8px}.tn-workspace-tabs{order:3;width:100%;min-height:45px;margin-top:4px}.tn-workspace-tabs button{flex:1;padding:0 12px}.tn-workspace-panel[data-workspace-panel=chat]:not([hidden]){grid-template-columns:1fr;grid-template-areas:"chat" "context"}.tn-chat-rail{display:none}.tn-panel-heading{padding:18px;min-height:72px}.tn-chat-content{padding:21px 18px}.tn-flow{margin-left:0}.tn-flow-steps{grid-template-columns:1fr;gap:0}.tn-flow-steps>div{display:grid;grid-template-columns:23px minmax(0,1fr);column-gap:10px;padding:8px 0}.tn-flow-steps>div>span{grid-row:span 2}.tn-flow-steps strong{margin-top:0}.tn-flow-steps small{margin-top:2px}.tn-chat-context{padding:23px 19px}.tn-governance{padding:21px 18px}.tn-gov-heading{flex-direction:column;gap:16px}.tn-gov-heading h3{font-size:25px}.tn-gov-overview{grid-template-columns:1fr 1fr}.tn-gov-overview>div{padding:15px}.tn-gov-overview>div+div{border-left:0}.tn-gov-overview>div:nth-child(2n){border-left:1px solid #3b3937}.tn-gov-overview>div:nth-child(n+3){border-top:1px solid #3b3937}.tn-gov-overview strong{font-size:20px}.tn-gov-grid{gap:13px;margin-top:13px}.tn-org,.tn-spend{padding:17px}.tn-spend-stage{min-height:190px}.tn-invite-demo{grid-template-columns:1fr}.tn-invite-demo>div{grid-column:auto}}
@media(max-width:360px){.tn-brand{font-size:8px}.tn-demo-tag{font-size:7px}.tn-chat-content,.tn-panel-heading{padding-inline:14px}.tn-flow{padding:12px}.tn-org-team{margin-left:10px}.tn-spend-tabs button{font-size:10px;padding-inline:7px}}