:root{font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;color:#d7e0ea;background:#070b12}*{box-sizing:border-box}body{margin:0;background:#070b12}
.login-card{width:min(440px,calc(100% - 32px));margin:12vh auto;background:#0d1420;padding:40px;border:1px solid #1c2940;border-radius:14px;box-shadow:0 0 40px #00e5a010,0 18px 50px #00000066}
h1{font-size:30px;margin:8px 0}.eyebrow{color:#00e5a0;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.muted{color:#6b7a92}
label{display:block;font-size:12px;font-weight:650;margin:20px 0 8px;color:#8fa1bb}input{display:block;width:100%;background:#0a1019;border:1px solid #22304a;border-radius:8px;padding:12px;margin-top:7px;font:inherit;color:#d7e0ea}
input:focus{outline:none;border-color:#00e5a0;box-shadow:0 0 0 3px #00e5a020}
button{width:100%;background:#00e5a0;color:#05110c;border:0;border-radius:8px;padding:13px;margin-top:18px;font-weight:800;cursor:pointer;font-family:inherit}
button:disabled{opacity:.5;cursor:wait}.error{color:#ff5c7a;font-size:12px;min-height:18px}
.shell{min-height:100vh;display:flex}.sidebar{width:245px;background:#0a0f18;color:#d7e0ea;padding:28px 18px;border-right:1px solid #141f31}
.brand{font-weight:800;font-size:15px;margin:0 0 35px;letter-spacing:.08em;color:#00e5a0}
.nav{display:grid;gap:7px}.nav-item{width:100%;margin:0;background:transparent;color:#5f7090;border:0;border-radius:8px;padding:10px;text-align:left;font:inherit;font-size:12px;cursor:pointer;letter-spacing:.02em}
.nav-item:hover,.nav-item.active{background:#0f1a2c;color:#00e5a0;box-shadow:inset 2px 0 0 #00e5a0}
.main{flex:1;padding:34px;max-width:1440px}.top{display:flex;justify-content:space-between;align-items:center}.top h2{margin:0;font-size:24px;letter-spacing:.02em}
.top-actions{display:flex;gap:12px;align-items:center}.pill{border:1px solid #22304a;border-radius:20px;padding:6px 11px;color:#8fa1bb;font-size:11px;letter-spacing:.06em}
.pill:has(+*){background:transparent}
.logout{width:auto;margin:0;padding:8px 12px;background:transparent;color:#8fa1bb;border:1px solid #22304a}
.empty{margin-top:32px;background:#0d1420;border:1px solid #1c2940;border-radius:12px;padding:60px 30px;text-align:center}.empty h3{margin:0 0 8px;font-size:20px}.empty p{color:#6b7a92}
.grid,.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.card{background:#0d1420;border:1px solid #1c2940;border-radius:12px;padding:22px}
.card h4{margin:0 0 14px;font-size:13px;letter-spacing:.1em;color:#8fa1bb;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}
.status{font-size:13px;color:#00e5a0;font-weight:700}.success{color:#00e5a0;font-size:13px;font-weight:700}
.small{color:#5f7090;font-size:11px;margin-top:12px}
.platform-card .metric-row{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-bottom:1px dashed #1c2940}
.platform-card .metric-row:last-of-type{border-bottom:0}
.platform-card .metric-row span{color:#6b7a92;font-size:12px}
.platform-card .metric-row strong{font-size:18px;color:#00e5a0;font-weight:700}
.table{width:100%;border-collapse:collapse;margin-top:8px;font-size:12px}
.table th{text-align:left;color:#5f7090;font-weight:650;padding:9px 10px;border-bottom:1px solid #22304a;letter-spacing:.05em;text-transform:uppercase;font-size:10px}
.table td{padding:9px 10px;border-bottom:1px solid #141f31;color:#d7e0ea}
.table tbody tr:hover{background:#0f1a2c}
.section-heading{margin-top:4px}
.period-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.period-bar .muted strong{color:#00e5a0;font-weight:700}
.period-controls{display:flex;align-items:center;gap:10px}
.period-controls select{background:#0a1019;border:1px solid #22304a;border-radius:8px;color:#d7e0ea;font:inherit;font-size:12px;padding:9px 12px}
.period-controls select:focus{outline:none;border-color:#00e5a0}
.period-controls input[type=date]{background:#0a1019;border:1px solid #22304a;border-radius:8px;color:#d7e0ea;font:inherit;font-size:12px;padding:8px 10px;color-scheme:dark}
.period-controls input[type=date]:focus{outline:none;border-color:#00e5a0}
.period-custom{display:flex;align-items:center;gap:8px}
.period-custom .connect{width:auto;margin:0;padding:9px 14px;background:#00e5a0;color:#05110c;font-size:12px}
.hidden{display:none !important}
.integration-card h3{margin:0 0 8px;font-size:15px;color:#d7e0ea}
.connect{width:auto;margin-top:14px;padding:9px 14px;background:#00e5a0;color:#05110c;font-size:12px}
.notice{margin-top:20px;padding:14px 16px;border:1px solid #8a6d1d;border-radius:10px;background:#1b170b;color:#e8cf77;font-size:12px;line-height:1.6}.consolidated-card{margin-top:20px}.consolidated-card .metric-row{display:inline-flex;gap:16px;margin-right:28px;color:#8fa1bb;font-size:12px}.consolidated-card strong{color:#00e5a0;font-size:18px}

/* ── Automações: comentário → DM ─────────────────────────────────── */
.card textarea,.card select{display:block;width:100%;background:#0a1019;border:1px solid #22304a;border-radius:8px;padding:12px;margin-top:7px;font:inherit;color:#d7e0ea}
.card textarea{resize:vertical}
.card textarea:focus,.card select:focus{outline:none;border-color:#00e5a0;box-shadow:0 0 0 3px #00e5a020}
#automation-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
#automation-form .checkbox{display:flex;align-items:center;gap:8px;margin-top:20px}
#automation-form .checkbox input{width:auto;margin:0}
#automation-form button{width:auto;min-width:220px}
#automation-form .error{grid-column:1/-1}
.card .top-actions button{width:auto;margin:0;padding:8px 12px;background:transparent;color:#8fa1bb;border:1px solid #22304a;font-size:11px}
.card .top-actions button.connect{background:#00e5a0;color:#05110c;border:0}
@media(max-width:1100px){#automation-form{grid-template-columns:1fr}}
/* ── Publicar no Instagram: upload temporário do PC ─────────────── */
#publish-form input[type=file]{display:block;width:100%;background:#0a1019;border:1px dashed #22304a;border-radius:8px;padding:12px;margin-top:7px;font:inherit;color:#8fa1bb;cursor:pointer}
#publish-form input[type=file]:hover{border-color:#00e5a0}
#publish-form #upload-sweep{width:auto;min-width:0;padding:9px 14px;margin-top:6px;background:transparent;color:#8fa1bb;border:1px solid #22304a;font-size:11px}
.upload-preview{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 4px}
.upload-item{margin:0;width:132px;background:#0a1019;border:1px solid #22304a;border-radius:10px;padding:8px}
.upload-item img{display:block;width:100%;height:110px;object-fit:cover;border-radius:6px}
.upload-item .upload-video{display:flex;align-items:center;justify-content:center;height:110px;border-radius:6px;background:#132033;color:#00e5a0;font-weight:700;letter-spacing:.1em}
.upload-item figcaption{margin-top:6px;line-height:1.35;word-break:break-word}

/* ── Reuniões IA (copiloto de reunião) ─────────────────────────────────────── */
.meetings-card{padding:26px}
.meetings-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}
.meetings-head h3{margin:6px 0 4px}
.meetings-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}
.meetings-actions .connect{background:#00e5a0;color:#04121c;border:0;border-radius:8px;padding:9px 14px;font-weight:800;font-size:12px;cursor:pointer}
.meetings-actions .connect:disabled{background:#25405a;color:#7f97b3;cursor:progress}
button.ghost{background:transparent;border:1px solid #1c2940;color:#9fb2c9;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}
button.ghost:hover{border-color:#00e5a0;color:#00e5a0}
.meetings-form{margin:14px 0;padding:18px;border:1px solid #1c2940;border-radius:12px;background:#0b1220}
.meetings-form h4{margin:0 0 12px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#00e5a0}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.meetings-form label{margin:0}
.meetings-form input,.meetings-form select,.meetings-form textarea{width:100%;margin-top:6px;background:#0a1018;border:1px solid #1c2940;color:#d7e0ea;border-radius:8px;padding:9px 10px;font-family:inherit;font-size:13px}
.meetings-form textarea{margin-top:10px;resize:vertical}
.consent{border:1px solid #4a3a12;background:#1a1408;color:#f0c674;padding:12px 14px;border-radius:10px;font-size:12.5px;line-height:1.5}
.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
@media (max-width:1100px){.live-grid{grid-template-columns:1fr}}
.live-col{border:1px solid #1c2940;border-radius:12px;background:#0b1220;padding:14px;display:flex;flex-direction:column;min-height:420px}
.live-col h4{margin:0 0 10px;font-size:12px;letter-spacing:.14em;color:#00e5a0}
.live-scroll{flex:1;overflow-y:auto;max-height:52vh;display:flex;flex-direction:column;gap:8px;padding-right:4px}
.line{margin:0;font-size:13px;line-height:1.55;padding:8px 10px;border-radius:8px;border-left:3px solid #1c2940;background:#0d1420}
.line .who{display:block;font-size:10px;letter-spacing:.1em;color:#6b7a92;margin-bottom:2px}
.line.peer{border-left-color:#00e5a0}
.line.user{border-left-color:#3a7bd5}
/* Eco entre os dois streams (mic captando o áudio da aba): fica visível, mas discreto. */
.line.echo{opacity:.55;border-left-style:dashed}
.copilot-card{border:1px solid #1c2940;border-left:3px solid #ff4d6d;border-radius:10px;padding:12px;background:#101725;margin-bottom:10px}
.copilot-card p{margin:4px 0}
.badge-question,.badge-fast,.badge-spoken,.badge-keys,.badge-insight,.badge-follow{font-size:10px;letter-spacing:.12em;font-weight:800;color:#8fa1bb;margin-top:10px!important}
.badge-question{color:#ff6b81}.badge-fast{color:#00e5a0}.badge-spoken{color:#7cc4ff}.badge-keys{color:#f0c674}
.badge-insight{color:#ffd166}.badge-follow{color:#c792ea}
.question{font-size:13px;color:#d7e0ea;font-weight:600}
.fast{font-size:13.5px;color:#e8fff5;background:#0a1a15;border-radius:8px;padding:8px 10px}
.spoken{font-size:13px;color:#cfe4ff;background:#0a1526;border-radius:8px;padding:8px 10px;line-height:1.5}
/* Bloco principal da coluna: é o texto que o usuário lê/fala ao vivo. */
.spoken.primary{font-size:15px;color:#f2f8ff;background:#0b2038;border:1px solid #21456f;font-weight:500;line-height:1.6}
/* 💡 o que acrescentar quando o interlocutor só comentou (não perguntou) */
.insight{font-size:13.5px;color:#fff4d6;background:#1d1707;border:1px solid #4a3a12;border-radius:8px;padding:8px 10px;line-height:1.5}
/* ❓ a pergunta que o usuário devolve ao interlocutor (fecha o ciclo) */
.follow{font-size:14px;color:#f0e6ff;background:#170f24;border:1px solid #3b2a55;border-radius:8px;padding:8px 10px;font-weight:600;line-height:1.5}
.copilot-card.is-insight{border-left-color:#ffd166}
.keys{display:flex;gap:6px;flex-wrap:wrap}
.chip{display:inline-block;background:#1c2940;color:#dfe8f3;border-radius:999px;padding:3px 9px;font-size:11px}
.ask-row{display:flex;gap:8px;margin-top:12px}
.ask-row input{flex:1;background:#0a1018;border:1px solid #1c2940;color:#d7e0ea;border-radius:8px;padding:9px 10px;font-family:inherit;font-size:13px}
.row-actions{text-align:right}
.summary-box{margin-top:16px;padding:16px;border:1px solid #1c2940;border-radius:12px;background:#0b1220}
.summary-box h4{margin:0 0 8px;color:#00e5a0;font-size:12px;letter-spacing:.12em}
@media print{.live-grid{grid-template-columns:1fr}}