:root{
  --bg:#f7f7f7;--panel:#fff;--ink:#0d0d0d;--muted:#5d5d5d;--line:#e5e5e5;--brand:#0d0d0d;--brand-2:#2a2a2a;
  --accent:#e0a526;--accent-ink:#1a1305;--ok:#1f8a5b;--warn:#b7791f;--bad:#c53030;--chip:#f0f0f0;--radius:12px;
  --shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);
}
@media (prefers-color-scheme:dark){:root{--bg:#171717;--panel:#212121;--ink:#ececec;--muted:#a3a3a3;--line:#303030;--chip:#2a2a2a;--shadow:none}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1{font-size:1.5rem;margin:0 0 .25rem}h2{font-size:1.15rem;margin:0 0 .75rem}h3{font-size:1rem;margin:0 0 .5rem}
.muted{color:var(--muted)}.small{font-size:.85rem}.right{text-align:right}.nowrap{white-space:nowrap}
.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:linear-gradient(to right,var(--brand) 240px,transparent 240px)}
.mobile-only{display:none}
.side{background:var(--brand);color:#dfe5f2;padding:18px 12px;position:sticky;top:0;height:100vh;overflow:auto}
.logo{display:flex;align-items:center;gap:10px;padding:4px 8px 18px;font-weight:700;color:#fff}
.logo .mark{width:34px;height:34px;border-radius:10px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:800}
.logo small{display:block;font-weight:500;color:#9fb0d0;font-size:.75rem}
.nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;color:#c8d2e6;font-size:.93rem}
.nav a:hover{background:var(--brand-2)}.nav a.on{background:var(--brand-2);color:#fff}
.nav a.locked{opacity:.5}.nav .sec{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#7d8db0;padding:14px 10px 4px}
.main{padding:24px 28px 80px;max-width:1180px;width:100%;min-width:0}
.top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.top .grow{flex:1;min-width:180px}
.burger{display:none}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:16px}
.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}
.kpi .l{color:var(--muted);font-size:.8rem}.kpi .v{font-size:1.35rem;font-weight:700;margin-top:2px}.kpi .v.na{font-size:.95rem;color:var(--muted);font-weight:500}
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);padding:8px 14px;border-radius:9px;cursor:pointer;text-decoration:none;font-weight:500}
.btn:hover{border-color:var(--muted)}.btn.p{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}
.btn.dark{background:var(--brand);border-color:var(--brand);color:#fff}.btn.sm{padding:4px 10px;font-size:.85rem}.btn.danger{color:var(--bad)}
.btn:disabled{opacity:.5;cursor:default}.btns{display:flex;gap:8px;flex-wrap:wrap}
label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:4px}
.f{margin-bottom:12px}
input,select,textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
textarea{min-height:90px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}
.hint{font-size:.78rem;color:var(--muted);margin-top:3px}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th,td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);font-weight:600;font-size:.8rem}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
.tbl{overflow-x:auto}
.tag{display:inline-block;padding:2px 8px;border-radius:99px;background:var(--chip);font-size:.75rem}
.tag.ok{background:#dff4ea;color:#14603f}.tag.warn{background:#fdf0d5;color:#7a4f0c}.tag.bad{background:#fde2e2;color:#8f1f1f}
@media (prefers-color-scheme:dark){.tag.ok{background:#173a2b;color:#8fe0b8}.tag.warn{background:#3a2e14;color:#f2c879}.tag.bad{background:#3d1a1a;color:#f3a3a3}}
.alert{padding:10px 12px;border-radius:9px;background:#fdf0d5;color:#5d3d08;margin-bottom:8px;font-size:.9rem}
.alert.bad{background:#fde2e2;color:#7a1b1b}.alert.info{background:var(--chip);color:var(--ink)}
@media (prefers-color-scheme:dark){.alert{background:#3a2e14;color:#f2d79e}.alert.bad{background:#3d1a1a;color:#f3b9b9}}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;z-index:99;max-width:90vw;font-size:.9rem}
.toast.err{background:var(--bad);color:#fff}
.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:#0d0d0d}
.auth .card{width:100%;max-width:400px}
.progress{height:8px;background:var(--chip);border-radius:99px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--accent)}
.steps{display:flex;gap:6px;margin-bottom:16px}.steps i{flex:1;height:4px;border-radius:4px;background:var(--line)}.steps i.on{background:var(--accent)}
.choice{display:grid;gap:8px}.choice label{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--ink);font-size:.95rem;cursor:pointer}
.choice input{width:auto}
.empty{padding:26px;text-align:center;color:var(--muted)}
.list-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border:0}.list-item .grow{flex:1;min-width:0}
/* Chat */
.chat{display:grid;grid-template-columns:260px 1fr;gap:14px;height:calc(100vh - 120px)}
.convs{overflow:auto;padding:12px}.convs .c{display:block;padding:8px 10px;border-radius:8px;text-decoration:none;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.convs .c.on,.convs .c:hover{background:var(--chip)}
.thread{display:flex;flex-direction:column;padding:0;overflow:hidden}
.msgs{flex:1;overflow:auto;padding:18px}
.msg{max-width:820px;margin:0 0 14px}.msg.user{margin-left:auto;background:var(--brand);color:#fff;padding:10px 14px;border-radius:14px 14px 4px 14px;width:fit-content;max-width:80%}
.msg.assistant .body{line-height:1.6}.msg.assistant .body p{margin:.4em 0}
.msg .meta{display:flex;gap:6px;margin-top:6px}
.block{border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0;background:var(--bg)}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.chip{border:1px solid var(--line);background:var(--panel);border-radius:99px;padding:5px 12px;font-size:.85rem;cursor:pointer}
.composer{border-top:1px solid var(--line);padding:12px;display:flex;gap:8px;align-items:flex-end}
.composer textarea{min-height:44px;max-height:180px}
.rec{background:var(--bad)!important;color:#fff!important;border-color:var(--bad)!important}
.typing{color:var(--muted);font-size:.9rem;padding:0 18px 10px}
.ai-label{font-size:.7rem;color:var(--muted)}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}
.tabs a{padding:8px 12px;text-decoration:none;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.tabs a.on{color:var(--ink);border-color:var(--accent)}
canvas{max-width:100%}
@media (max-width:900px){
  .app{grid-template-columns:1fr;background:none}
  .mobile-only{display:inline-flex}
  .side{position:fixed;z-index:50;left:0;top:0;width:260px;transform:translateX(-100%);transition:transform .2s}
  .side.open{transform:none}
  .burger{display:inline-flex}
  .main{padding:16px 16px 80px}
  .g2,.g3,.g4{grid-template-columns:1fr 1fr}
  .chat{grid-template-columns:1fr;height:auto}
  .convs{display:none}.convs.open{display:block}
  .msgs{max-height:62vh}
}
@media (max-width:520px){.g3,.g4{grid-template-columns:1fr 1fr}.g2{grid-template-columns:1fr}}
/* Oferta de planos */
.modal-bg{position:fixed;inset:0;background:rgba(5,10,20,.55);z-index:80;display:grid;place-items:center;padding:16px;overflow:auto}
.modal{background:var(--panel);border-radius:16px;max-width:920px;width:100%;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:92vh;overflow:auto}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}
.plan{border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}
.plan.hl{border:2px solid var(--accent)}
.plan .price{font-size:1.5rem;font-weight:800}.plan ul{margin:0;padding-left:18px;font-size:.88rem;flex:1}
.quota{font-size:.82rem;color:var(--muted);padding:0 14px 10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.quota b{color:var(--ink)}

/* ===================== Visual estilo chat (área dos usuários) ===================== */
:root{--g-main:#ffffff;--g-side:#f9f9f9;--g-ink:#0d0d0d;--g-muted:#5d5d5d;--g-line:#e5e5e5;--g-hover:#ececec;--g-bubble:#f4f4f4;--g-input:#ffffff;--g-shadow:0 0 0 1px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.06)}
@media (prefers-color-scheme:dark){:root{--g-main:#212121;--g-side:#171717;--g-ink:#ececec;--g-muted:#b4b4b4;--g-line:#303030;--g-hover:#2a2a2a;--g-bubble:#303030;--g-input:#303030;--g-shadow:0 0 0 1px rgba(255,255,255,.06)}}
.app.gpt{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:var(--g-main);color:var(--g-ink)}
.gpt .side{position:sticky;top:0;height:100vh;background:var(--g-side);color:var(--g-ink);padding:10px 10px 8px;display:flex;flex-direction:column;gap:4px;overflow:hidden;border-right:1px solid var(--g-line)}
.gpt .side-top{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 6px}
.gpt .brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:600;font-size:1rem}
.gpt .brand .mark{width:28px;height:28px;border-radius:8px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:800;font-size:.9rem}
.gpt .iconbtn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:9px;border:0;background:none;color:var(--g-ink);cursor:pointer;text-decoration:none}
.gpt .iconbtn:hover{background:var(--g-hover)}
.gpt .newchat{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;text-decoration:none;font-size:.92rem}
.gpt .newchat:hover{background:var(--g-hover)}
.gpt .side-search{display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:10px;color:var(--g-muted);margin:0}
.gpt .side-search:hover,.gpt .side-search:focus-within{background:var(--g-hover)}
.gpt .side-search input{border:0;background:none;padding:9px 0;outline:none;color:var(--g-ink);font-size:.92rem}
.gpt .side-scroll{flex:1;overflow-y:auto;margin:6px -4px 0;padding:0 4px}
.gpt .conv-group{font-size:.75rem;color:var(--g-muted);padding:14px 10px 4px;font-weight:600}
.gpt .conv,.gpt .tool{display:block;padding:7px 10px;border-radius:9px;text-decoration:none;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--g-ink)}
.gpt .conv:hover,.gpt .tool:hover{background:var(--g-hover)}.gpt .conv.on,.gpt .tool.on{background:var(--g-hover);font-weight:500}
.gpt .tool.locked{color:var(--g-muted)}.gpt .tool .lock{font-size:.7rem;margin-left:6px;color:var(--g-muted)}
.gpt .conv-empty{padding:10px;font-size:.85rem;color:var(--g-muted)}
.gpt .side-tools{margin-top:10px}
.gpt .side-tools summary{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;cursor:pointer;list-style:none;font-size:.9rem;font-weight:500}
.gpt .side-tools summary::-webkit-details-marker{display:none}
.gpt .side-tools summary:hover{background:var(--g-hover)}
.gpt .side-tools .tool{padding-left:36px}
.gpt .side-bottom{border-top:1px solid var(--g-line);padding-top:6px;display:flex;flex-direction:column;gap:2px}
.gpt .upgrade-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--g-line);background:var(--g-main);border-radius:12px;padding:9px 12px;cursor:pointer;color:var(--g-ink);margin-bottom:4px}
.gpt .upgrade-card span{font-size:.78rem;color:var(--g-muted)}.gpt .upgrade-card:hover{background:var(--g-hover)}
.gpt .account{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;text-decoration:none}
.gpt .account:hover{background:var(--g-hover)}
.gpt .avatar{width:32px;height:32px;border-radius:50%;background:#2f6fde;color:#fff;display:grid;place-items:center;font-weight:600;font-size:.9rem;flex:none}
.gpt .who{display:flex;flex-direction:column;min-width:0;line-height:1.25}.gpt .who b{font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gpt .who small{color:var(--g-muted);font-size:.75rem}
.gpt .main{padding:0 28px 60px;max-width:none;min-width:0;background:var(--g-main)}
.gpt .main>#page{max-width:1120px;margin:0 auto}
.gpt .top{position:sticky;top:0;z-index:5;background:var(--g-main);margin:0 -28px 14px;padding:10px 16px;gap:8px;min-height:56px}
.gpt .top h1{font-size:1.05rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gpt .company-select{width:auto;max-width:220px;border:0;background:none;font-weight:500;color:var(--g-muted);padding:6px 8px;border-radius:9px;cursor:pointer}
.gpt .company-select:hover{background:var(--g-hover)}
.gpt .burger{display:none}
.gpt .preview-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0 0;padding:8px 12px;border-radius:10px;background:#fdf0d5;color:#5d3d08;font-size:.88rem}
.gpt .preview-bar span{flex:1}
@media (prefers-color-scheme:dark){.gpt .preview-bar{background:#3a2e14;color:#f2d79e}}
.gpt .card,.gpt .kpi{background:var(--g-main);border-color:var(--g-line);box-shadow:none}
/* Conversa */
.gpt .main.chatmain{padding:0;display:flex;flex-direction:column;height:100vh;overflow:hidden}
.gpt .chatmain .top{margin:0;padding:10px 16px}
.gpt .chatmain>#page{flex:1;min-height:0;max-width:none;width:100%;display:flex}
.chatwrap{flex:1;display:flex;flex-direction:column;min-height:0}
.chatwrap .msgs{flex:1;overflow-y:auto;padding:8px 16px 24px;max-height:none}
.thread-col{max-width:768px;margin:0 auto;display:flex;flex-direction:column;gap:22px}
.turn.user{display:flex;justify-content:flex-end}
.turn.user .bubble{background:var(--g-bubble);padding:10px 16px;border-radius:22px;max-width:75%;white-space:pre-wrap;word-wrap:break-word;line-height:1.55}
.turn.assistant{display:flex;gap:14px;align-items:flex-start}
.avatar-ai{width:30px;height:30px;border-radius:50%;flex:none;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:800;font-size:.8rem;margin-top:2px}
.turn-body{flex:1;min-width:0}
.turn-body .body{line-height:1.7;font-size:1rem}.turn-body .body p{margin:.2em 0 .8em}.turn-body .body ul{padding-left:22px;margin:.2em 0 .8em}.turn-body .body li{margin:.25em 0}
.turn-body .body h3{font-size:1.05rem;margin:1em 0 .4em}
.turn-body .block{background:transparent;border-color:var(--g-line)}
.block.proposal{border-left:3px solid var(--accent)}
.msg-actions{display:flex;gap:2px;margin-top:6px;opacity:.75}
.msg-actions button{border:0;background:none;color:var(--g-muted);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;cursor:pointer}
.msg-actions button:hover{background:var(--g-hover);color:var(--g-ink)}
.dots{display:flex;gap:5px;padding:12px 0}.dots i{width:7px;height:7px;border-radius:50%;background:var(--g-muted);animation:blink 1.2s infinite both}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
@media (prefers-reduced-motion:reduce){.dots i{animation:none;opacity:.6}}
.composer-area{padding:0 16px 10px;background:var(--g-main)}
.composer2{max-width:768px;margin:0 auto;background:var(--g-input);border-radius:26px;box-shadow:var(--g-shadow);padding:10px 10px 8px 16px;border:1px solid var(--g-line)}
.composer2 textarea{border:0;outline:none;background:none;resize:none;min-height:28px;max-height:200px;padding:6px 4px;font-size:1rem;line-height:1.5;width:100%}
.composer2 textarea:focus{outline:none}
.composer-row{display:flex;align-items:center;justify-content:space-between;margin-top:2px}
.composer-right{display:flex;gap:6px;align-items:center}
.cbtn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;border:0;background:none;color:var(--g-ink);cursor:pointer;margin:0}
.cbtn:hover{background:var(--g-hover)}.cbtn.rec{background:var(--bad);color:#fff}
.sendbtn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;border:0;background:var(--g-ink);color:var(--g-main);cursor:pointer}
.sendbtn:disabled{opacity:.3;cursor:default}
.disclaimer{max-width:768px;margin:8px auto 0;text-align:center;font-size:.75rem;color:var(--g-muted);line-height:1.5}
.disclaimer a{color:inherit;font-weight:600}
/* Tela inicial vazia: saudação e caixa de texto no centro */
.chatwrap.is-empty .msgs{flex:0 0 auto;padding:0}
.chatwrap.is-empty{justify-content:center}
.chatwrap.is-empty .composer-area{padding-bottom:12vh}
.hello{text-align:center;margin:0 auto 22px;max-width:768px}.hello h2{font-size:1.75rem;font-weight:600;margin:0}
.starters{max-width:768px;margin:16px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;order:2}
.chatwrap.is-empty .composer-area{display:flex;flex-direction:column}
.chatwrap.is-empty .starters{order:3}.chatwrap.is-empty .disclaimer{order:4}
.starter{text-align:left;border:1px solid var(--g-line);background:none;border-radius:14px;padding:10px 14px;cursor:pointer;color:var(--g-ink);display:flex;flex-direction:column;gap:2px}
.starter:hover{background:var(--g-hover)}.starter b{font-weight:500;font-size:.92rem}.starter span{font-size:.85rem;color:var(--g-muted)}
.menu-wrap{position:relative}
.dropdown{position:absolute;right:0;top:40px;background:var(--g-main);border:1px solid var(--g-line);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px;min-width:160px;z-index:20;display:flex;flex-direction:column}
.dropdown[hidden]{display:none}
.dropdown button{border:0;background:none;text-align:left;padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--g-ink);font-size:.9rem}
.dropdown button:hover{background:var(--g-hover)}.dropdown .danger{color:var(--bad)}
.side-backdrop{display:none}
@media (max-width:900px){
  .app.gpt{grid-template-columns:1fr}
  .gpt .side{position:fixed;z-index:60;left:0;top:0;width:280px;transform:translateX(-100%);transition:transform .2s ease;border-right:0}
  .gpt.side-open .side{transform:none}
  .gpt.side-open .side-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:55}
  .gpt .burger{display:inline-grid}
  .gpt .main{padding:0 14px 60px}.gpt .top{margin:0 -14px 10px;padding:8px 8px}
  .gpt .main.chatmain{height:100dvh}
  .starters{grid-template-columns:1fr}.starters .starter:nth-child(n+3){display:none}
  .hello h2{font-size:1.35rem}
  .turn.user .bubble{max-width:88%}
  .chatwrap.is-empty .composer-area{padding-bottom:4vh}
}
@media (prefers-reduced-motion:reduce){.gpt .side{transition:none}}
.gpt .top{flex-wrap:nowrap}.gpt .top .grow{min-width:0}
.composer2,.starters,.hello,.disclaimer{width:100%;box-sizing:border-box}
.composer-area{width:100%;box-sizing:border-box}

/* ===================== Assistente de IA dentro de cada ferramenta ===================== */
.area-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}
.gpt .main>#page:has(.area-grid){max-width:1400px}
.area-panel{position:sticky;top:64px;height:calc(100vh - 84px);display:flex;flex-direction:column;border:1px solid var(--g-line);border-radius:16px;background:var(--g-main);overflow:hidden}
.ap-head{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--g-line)}
.ap-head small{display:block;color:var(--g-muted);font-size:.78rem}
.ap-msgs{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}
.a-msg.user{display:flex;justify-content:flex-end}.a-msg.user .bubble{background:var(--g-bubble);padding:8px 12px;border-radius:16px;max-width:85%;font-size:.92rem;white-space:pre-wrap}
.a-msg.ai .body{font-size:.92rem;line-height:1.6}.a-msg.ai .body p{margin:.2em 0 .5em}.a-msg.ai .body ul{padding-left:18px;margin:.2em 0}
.saved-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.saved-item{display:flex;gap:8px;align-items:center;font-size:.84rem;padding:7px 10px;border-radius:10px;background:var(--g-bubble);flex-wrap:wrap}
.saved-item .grow{flex:1;min-width:0}.saved-item.undone{opacity:.55;text-decoration:line-through}
.saved-item.ask{background:transparent;border:1px solid var(--accent)}
.ok-dot{color:var(--ok);font-weight:700}
button.link{border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer;font-size:.82rem;padding:0}
.mini-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px}.mini-kpis div{border:1px solid var(--g-line);border-radius:10px;padding:6px 8px}.mini-kpis span{display:block;font-size:.72rem;color:var(--g-muted)}.mini-kpis b{font-size:.95rem}
.ap-welcome p{color:var(--g-muted);font-size:.9rem;margin:4px 2px 10px}
.ap-starters{display:flex;flex-direction:column;gap:6px}.ap-starters .chip{text-align:left;border-radius:12px}
.ap-composer{display:flex;gap:8px;align-items:flex-end;margin:10px;padding:8px 8px 8px 12px;border:1px solid var(--g-line);border-radius:18px;background:var(--g-input)}
.ap-composer textarea{border:0;background:none;outline:none;resize:none;min-height:24px;max-height:140px;padding:4px 0;font-size:.92rem}
.ap-composer .sendbtn{width:32px;height:32px;flex:none}
.ap-foot{font-size:.72rem;color:var(--g-muted);text-align:center;padding:0 10px 10px}
details.manual>summary{cursor:pointer;font-weight:600;font-size:1rem;list-style:none;display:flex;gap:6px;align-items:baseline}
details.manual>summary::before{content:'＋';color:var(--g-muted)}details.manual[open]>summary::before{content:'－'}
details.manual[open]>summary{margin-bottom:12px}
.card:has(> details.manual){align-self:start}
#areaData{min-width:0}
@media (max-width:1100px){
  .area-grid{grid-template-columns:minmax(0,1fr)}
  .area-panel{min-width:0}
  .area-panel{order:-1;position:static;height:auto;max-height:70vh}
  .ap-msgs{min-height:120px}
}

/* Ferramentas fechadas (plano gratuito ou plano menor) */
.gpt .tool.locked{display:flex;align-items:center;gap:7px;color:var(--g-muted);flex-wrap:wrap}
.gpt .tool.locked .lock{margin-left:0;font-size:.68rem;padding:1px 7px;border-radius:99px;background:var(--g-hover);color:var(--g-muted);white-space:nowrap}
.gpt .side-tools .tool.locked{padding-left:16px}
.lock-ico{flex:none;opacity:.8}
.locked-page{max-width:520px;margin:8vh auto;text-align:center;padding:28px 22px;border:1px solid var(--g-line);border-radius:18px}
.locked-page h2{font-size:1.35rem;margin:12px 0 8px}.locked-page p{color:var(--g-ink);margin:0 0 8px}
.lock-badge{width:52px;height:52px;border-radius:50%;margin:0 auto;display:grid;place-items:center;background:var(--g-hover);color:var(--g-ink)}
.lock-badge svg{width:22px;height:22px}
.gpt .tool.locked{row-gap:2px}
.gpt .tool.locked .lock{flex-basis:auto;order:3;margin-left:20px;width:fit-content}
.gpt .tool.locked::after{content:'';flex-basis:100%;order:2;height:0}
/* Campo preenchido pela IA: destaque rápido */
.ai-filled{box-shadow:0 0 0 3px rgba(224,165,38,.45)!important;transition:box-shadow .3s}
@media (prefers-reduced-motion:reduce){.ai-filled{transition:none}}

/* Atalho do Painel admin no topo da lateral */
.gpt .admin-shortcut{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;text-decoration:none;font-size:.92rem;font-weight:500;border:1px solid var(--g-line);margin:2px 0 4px}
.gpt .admin-shortcut:hover,.gpt .admin-shortcut.on{background:var(--g-hover)}
.gpt .admin-shortcut.back{border-color:var(--accent)}

/* ===================== Conversa à esquerda + projeto à direita (estilo Claude) ===================== */
.gpt .main.areamain{padding:0;display:flex;flex-direction:column;height:100vh;overflow:hidden}
.gpt .areamain .top{margin:0;padding:10px 16px}
.gpt .areamain>#page{flex:1;min-height:0;max-width:none!important;width:100%;margin:0}
.area-grid{display:grid;grid-template-columns:minmax(340px,1fr) minmax(0,1.15fr);gap:0;height:100%;align-items:stretch}
/* Conversa */
.area-panel{position:static;height:100%;border:0;border-radius:0;background:var(--g-main);display:flex;flex-direction:column;min-width:0;order:0}
.area-panel .ap-head{border-bottom:0;padding:6px 20px 0}
.area-panel .ap-msgs{padding:14px 20px;gap:16px}
.area-panel .a-msg.ai .body{font-size:.97rem;line-height:1.65}
.area-panel .a-msg.user .bubble{font-size:.95rem;padding:9px 14px;border-radius:18px}
.area-panel .ap-composer{margin:8px 16px 6px;border-radius:24px;padding:10px 10px 10px 16px;box-shadow:var(--g-shadow)}
.area-panel .ap-composer textarea{font-size:.97rem}
.area-panel .ap-composer .sendbtn{width:36px;height:36px}
/* Projeto */
.art-col{background:var(--g-side);border-left:1px solid var(--g-line);overflow-y:auto;padding:16px 18px 40px;min-width:0}
.artifact{background:var(--g-main);border:1px solid var(--g-line);border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.art-head{position:sticky;top:-16px;z-index:3;background:var(--g-main);border-radius:16px 16px 0 0;padding:12px 16px 0;border-bottom:1px solid var(--g-line)}
.art-head-row{display:flex;align-items:center;gap:12px}
.art-head-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.art-head-txt b{font-size:.98rem}.art-head-txt small{color:var(--g-muted);font-size:.8rem}
.art-pct{font-weight:700;font-size:.9rem;color:var(--g-muted)}
.art-bar{height:4px;background:var(--g-hover);border-radius:4px;margin:10px 0 0;overflow:hidden}
.art-bar i{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width .5s ease}
.art-bar.indeterminate i{animation:slide 1.1s ease-in-out infinite}
@keyframes slide{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
.art-body{padding:16px}
.art-body>.grid:first-child,.art-body>.card:first-child{margin-top:0}
.art-body .card{box-shadow:none}
.art-body.art-updated{animation:glow 1.2s ease}
@keyframes glow{0%{box-shadow:inset 0 0 0 2px rgba(224,165,38,.6)}100%{box-shadow:inset 0 0 0 2px rgba(224,165,38,0)}}
/* Robô */
.robot{flex:none;color:var(--g-ink)}
.robot-light{fill:var(--g-muted)}
.working .robot{animation:bob .9s ease-in-out infinite}
.working .robot-light{fill:var(--accent);animation:blinkl .6s steps(2) infinite}
.working .robot-eye{animation:look 1.8s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes blinkl{50%{fill:var(--g-muted)}}
@keyframes look{0%,100%{transform:translateX(0)}30%{transform:translateX(1.5px)}70%{transform:translateX(-1.5px)}}
@media (prefers-reduced-motion:reduce){.working .robot,.working .robot-light,.working .robot-eye,.art-bar.indeterminate i,.art-body.art-updated{animation:none}}
/* Ficha compacta (só o que já foi preenchido) */
.ficha{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.ficha div{border:1px solid var(--g-line);border-radius:12px;padding:9px 12px;animation:pop .35s ease}
.ficha span{display:block;font-size:.74rem;color:var(--g-muted)}.ficha b{font-size:.98rem;font-weight:600;word-break:break-word}
@keyframes pop{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ficha div{animation:none}}
.art-empty{padding:18px;text-align:center;color:var(--g-muted);border:1px dashed var(--g-line);border-radius:12px}
details.more{margin-top:14px;border-top:1px solid var(--g-line);padding-top:12px}
details.more>summary{cursor:pointer;color:var(--g-muted);font-size:.9rem;list-style:none}
details.more>summary::before{content:'＋ '}details.more[open]>summary::before{content:'－ '}
@media (max-width:1100px){
  .gpt .main.areamain{height:auto;overflow:visible}
  .area-grid{grid-template-columns:minmax(0,1fr);height:auto}
  .art-col{order:-1;border-left:0;border-bottom:1px solid var(--g-line);max-height:48vh;padding:10px}
  .area-panel{min-height:60vh;max-height:none}
  .area-panel .ap-msgs{max-height:none}
}
/* Plano de negócios dentro do projeto: etapas ainda vazias ficam compactas */
.art-body .card.bp-empty{padding:10px 14px;margin-bottom:8px;opacity:.65}
.art-body .card.bp-empty h3{margin:0;font-size:.9rem;font-weight:500}
.art-body .card.bp-empty textarea,.art-body .card.bp-empty .btns,.art-body .card.bp-empty [id^="as_"]{display:none}
.art-body .card.bp-empty h3{cursor:pointer}
.art-body .card.bp-empty:hover{opacity:1}
.bp-savebar{position:sticky;bottom:0;z-index:2;padding:10px 0;margin-top:6px;background:var(--g-main,var(--panel));border-top:1px solid var(--g-line,transparent)}

/* Proporções iguais ao Claude/ChatGPT: conversa centralizada com largura de leitura, quadro do projeto estreito quando vazio */
.area-grid{grid-template-columns:minmax(0,1fr) minmax(400px,46%);transition:grid-template-columns .35s ease}
.area-grid.art-small{grid-template-columns:minmax(0,1fr) 340px}
@media (prefers-reduced-motion:reduce){.area-grid{transition:none}}
.area-panel .ap-head,.area-panel .ap-msgs{padding-left:max(20px,calc((100% - 700px)/2));padding-right:max(20px,calc((100% - 700px)/2))}
.area-panel .ap-head{padding-top:14px}
.area-panel .ap-head b{font-size:.92rem}.area-panel .ap-head small{font-size:.76rem}
.area-panel .ap-head .avatar-ai{width:28px;height:28px;font-size:.8rem}
.area-panel .a-msg.ai .body{font-size:.93rem;line-height:1.6}
.area-panel .a-msg.user .bubble{font-size:.92rem}
.area-panel .ap-welcome p{font-size:.92rem;line-height:1.55;color:var(--g-ink);margin:2px 0 12px}
.area-panel .ap-starters{flex-direction:row;flex-wrap:wrap;gap:8px}
.area-panel .ap-starters .chip{border-radius:99px;font-size:.82rem;padding:6px 12px;background:none;color:var(--g-muted);text-align:left}
.area-panel .ap-starters .chip:hover{color:var(--g-ink);background:var(--g-hover)}
.area-panel .ap-composer{width:calc(100% - 40px);max-width:700px;margin:8px auto 6px;padding:8px 8px 8px 16px}
.area-panel .ap-composer textarea{font-size:.93rem}
.area-panel .ap-composer .sendbtn{width:32px;height:32px}
.area-panel .ap-foot{font-size:.7rem}
.art-col{padding:14px}
.art-head{top:-14px;padding:10px 14px 0}
.art-head .robot{width:28px;height:28px}
.art-head-txt b{font-size:.9rem}.art-head-txt small{font-size:.74rem}.art-pct{font-size:.8rem}
.art-bar{margin-top:8px;height:3px}
.art-body{padding:14px}
.art-empty{padding:12px;font-size:.84rem;line-height:1.5}
.art-body,.art-body .card{font-size:.9rem}
.art-body h2{font-size:1rem}.art-body h3{font-size:.92rem}
.art-body .kpi b,.art-body .kpi .v{font-size:1.15rem}
.ficha{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.ficha b{font-size:.9rem}.ficha span{font-size:.7rem}
.area-grid.art-small .art-body details.more summary{font-size:.84rem}
@media (max-width:1100px){.area-grid,.area-grid.art-small{grid-template-columns:minmax(0,1fr)}}
.art-body .g3,.art-body .g4{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.art-body .g2{grid-template-columns:minmax(0,1fr)}
.art-body .kpi{padding:10px 12px;min-width:0}

/* Barra de uso do plano gratuito no menu lateral */
.usage-card{border:1px solid var(--g-line);background:var(--g-main);border-radius:12px;padding:10px 12px;margin-bottom:4px;display:flex;flex-direction:column;gap:6px;color:var(--g-ink)}
.usage-top{display:flex;justify-content:space-between;align-items:baseline;font-size:.84rem}
.usage-top span{color:var(--g-muted);font-size:.78rem;font-variant-numeric:tabular-nums}
.usage-bar{height:6px;background:var(--g-hover);border-radius:99px;overflow:hidden}
.usage-bar i{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .4s ease}
.usage-card small{font-size:.74rem;color:var(--g-muted);line-height:1.35}
.usage-card .btn{align-self:stretch;justify-content:center;margin-top:2px}
.usage-card.out{border-color:var(--accent)}
.usage-card.out .usage-bar i{background:var(--bad)}
.usage-card.out small{color:var(--g-ink)}
@media (prefers-reduced-motion:reduce){.usage-bar i{transition:none}}