:root{--verde:#315E54;--verde-escuro:#1E3A33;--verde-claro:#4A7C72;--verde-vibrante:#1AD69A;--verde-pastel:#8DBDB5;--verde-gelo:#D0F0E8;--branco:#FFFFFF;--cinza-50:#F8FAFC;--cinza-100:#F1F5F9;--cinza-200:#E2E8F0;--cinza-500:#64748B;--cinza-700:#334155;--cinza-900:#0F172A;--vermelho:#EF4444;--radius:12px;--shadow:0 4px 16px rgba(0,0,0,.08)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:linear-gradient(145deg,var(--verde-escuro),var(--verde));background-attachment:fixed;min-height:100vh;color:var(--cinza-800)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes shimmer{0%{background-position:-200px 0}100%{background-position:200px 0}}

.login-wrap{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:24px}
.login-card{background:var(--branco);border-radius:20px;padding:48px;max-width:420px;width:100%;box-shadow:var(--shadow)}
.login-logo{width:100px;height:100px;margin:0 auto 24px;background:var(--verde);border-radius:50%;display:flex;align-items:center;justify-content:center}
.login-logo img{width:56px;height:56px}
.login-title{text-align:center;font-size:28px;font-weight:800;color:var(--cinza-900);margin-bottom:8px}
.login-subtitle{text-align:center;color:var(--cinza-500);margin-bottom:32px}
.form-group{margin-bottom:20px}
.form-label{display:block;font-size:13px;font-weight:600;color:var(--cinza-700);margin-bottom:6px}
.form-input{width:100%;padding:12px 16px;border:2px solid var(--cinza-200);border-radius:var(--radius);font-size:15px;outline:none}
.form-input:focus{border-color:var(--verde)}
.btn{width:100%;padding:14px;background:var(--verde);color:var(--branco);border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer}
.btn:hover{background:var(--verde-escuro)}
.btn:disabled{opacity:.6}
.btn-spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--branco);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px;vertical-align:middle}
.alert{padding:12px;border-radius:var(--radius);font-size:14px;margin-bottom:20px;display:none}
.alert-error{background:#FEF2F2;color:var(--vermelho);border:1px solid #FECACA}

.header{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);box-shadow:var(--shadow);position:sticky;top:0;z-index:50}
.header-inner{max-width:1320px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{height:36px}
.brand-name{font-size:20px;font-weight:800;color:var(--verde)}
.header-actions{display:flex;align-items:center;gap:16px}
.user-chip{display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;background:var(--cinza-100);border-radius:50px}
.user-avatar{width:32px;height:32px;background:var(--verde);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--branco);font-weight:700;font-size:12px}
.user-name{font-size:13px;font-weight:600;color:var(--cinza-700)}
.logout-btn{padding:8px 16px;background:transparent;border:1px solid var(--cinza-200);border-radius:50px;color:var(--cinza-700);font-size:13px;font-weight:600;cursor:pointer}
.logout-btn:hover{background:var(--vermelho);color:var(--branco);border-color:var(--vermelho)}
.back-btn{color:rgba(255,255,255,.9);text-decoration:none;font-size:14px;font-weight:600;margin-bottom:20px;display:inline-block;padding:8px 16px;background:rgba(255,255,255,.1);border-radius:50px}

.main{max-width:1320px;margin:0 auto;padding:32px}
.page-header{margin-bottom:24px}
.page-title{font-size:36px;font-weight:800;color:var(--branco);margin-bottom:4px}
.page-subtitle{color:var(--verde-vibrante);font-size:16px}
.search-wrap{margin-bottom:24px;position:relative}
.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--cinza-500)}
.search-input{width:100%;padding:16px 20px 16px 52px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);border-radius:16px;color:var(--branco);font-size:16px;outline:none}
.search-input::placeholder{color:rgba(255,255,255,.5)}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}
.project-card{background:var(--branco);border-radius:16px;padding:24px;box-shadow:var(--shadow);transition:all .3s;text-decoration:none;color:inherit;display:block}
.project-card:hover{transform:translateY(-6px)}
.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.card-title{font-size:18px;font-weight:700;color:var(--cinza-900);margin-bottom:4px}
.card-meta{font-size:13px;color:var(--cinza-500)}
.badge{display:inline-block;padding:5px 12px;border-radius:50px;font-size:11px;font-weight:700;text-transform:uppercase;background:#D1FAE5;color:#065F46}
.card-divider{height:1px;background:var(--cinza-200);margin:16px 0}
.card-bottom{display:flex;justify-content:space-between;align-items:center}
.card-phase{font-size:11px;color:var(--cinza-500);font-weight:600;text-transform:uppercase}
.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.08) 25%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.08) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}
.empty-state{text-align:center;padding:60px 20px;color:rgba(255,255,255,.6)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.kpi-card{background:var(--branco);border-radius:16px;padding:24px;text-align:center;box-shadow:var(--shadow)}
.kpi-value{font-size:36px;font-weight:800;color:var(--verde)}
.kpi-label{font-size:12px;color:var(--cinza-500);text-transform:uppercase}
.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.detail-card{background:var(--branco);border-radius:16px;padding:24px;box-shadow:var(--shadow)}
.detail-card-title{font-size:16px;font-weight:700;color:var(--cinza-900);margin-bottom:16px;padding-bottom:12px;border-bottom:3px solid var(--verde)}
.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--cinza-100)}
.detail-label{color:var(--cinza-500);font-size:14px}
.detail-value{font-weight:600;font-size:14px;color:var(--cinza-800)}
.chart-container{position:relative;height:240px;margin-top:12px}
.alert-card{background:#FFFBEB;border:1px solid #FDE68A;border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;font-size:14px;color:#92400e}
.alert-card-title{font-weight:600;margin-bottom:4px}
.alert-card-date{font-size:12px;color:#B45309;font-weight:600}

@media(max-width:768px){
  .header-inner{padding:12px 16px}
  .main{padding:20px 16px}
  .page-title{font-size:24px}
  .cards-grid{grid-template-columns:1fr}
  .detail-grid{grid-template-columns:1fr}
  .kpi-grid{grid-template-columns:repeat(2,1fr)}
  .user-name{display:none}
}

/* ===================== AREA ADMIN ===================== */
.admin-btn{padding:8px 18px;background:var(--verde);border:1px solid var(--verde);border-radius:50px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.admin-btn:hover{background:var(--verde-escuro)}
.tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}
.tab{padding:12px 22px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:50px;color:rgba(255,255,255,.85);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}
.tab:hover{background:rgba(255,255,255,.2)}
.tab.active{background:#fff;color:var(--verde);border-color:#fff}
.tab-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:var(--vermelho);color:#fff;border-radius:50px;font-size:11px;font-weight:700}
.panel{background:#fff;border-radius:16px;padding:28px;box-shadow:var(--shadow)}
.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:3px solid var(--verde);flex-wrap:wrap;gap:12px}
.panel-title{font-size:19px;font-weight:800;color:var(--cinza-900)}
.table{width:100%;border-collapse:collapse;font-size:14px}
.table th{text-align:left;padding:12px 10px;font-size:11px;font-weight:700;color:var(--cinza-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--cinza-200)}
.table td{padding:14px 10px;border-bottom:1px solid var(--cinza-100)}
.table tr:last-child td{border-bottom:none}
.table tr:hover td{background:var(--cinza-50)}
.pill{display:inline-block;padding:4px 12px;border-radius:50px;font-size:11px;font-weight:700;text-transform:uppercase}
.pill-admin{background:#DBEAFE;color:#1E40AF}
.pill-inv{background:var(--verde-gelo);color:var(--verde)}
.pill-on{background:#D1FAE5;color:#065F46}
.pill-off{background:#FEE2E2;color:#991B1B}
.pill-open{background:#FEF3C7;color:#92400E}
.pill-closed{background:var(--cinza-200);color:var(--cinza-700)}
.btn-mini{padding:7px 14px;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;margin-right:6px}
.btn-mini-primary{background:var(--verde);color:#fff}
.btn-mini-danger{background:#FEE2E2;color:#991B1B}
.btn-mini-neutral{background:var(--cinza-100);color:var(--cinza-700)}
.btn-mini:hover{opacity:.85}
.btn-mini-outline{background:#fff;color:var(--cinza-700);border:1px solid var(--cinza-300);padding:6px 13px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;margin-right:6px}
.btn-mini-outline:hover{background:var(--cinza-100)}
.apuracao-resumo{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px;padding:10px;background:var(--cinza-100);border-radius:8px;font-size:13px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-select,.form-textarea{width:100%;padding:12px 16px;border:2px solid var(--cinza-200);border-radius:var(--radius);font-size:15px;outline:none;font-family:inherit;background:#fff}
.form-select:focus,.form-textarea:focus{border-color:var(--verde)}
.form-textarea{resize:vertical;min-height:90px}
.modal-bg{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}
.modal{background:#fff;border-radius:18px;padding:32px;max-width:620px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.modal-title{font-size:21px;font-weight:800;color:var(--cinza-900)}
.modal-close{background:none;border:none;font-size:26px;color:var(--cinza-500);cursor:pointer;line-height:1;padding:0 4px}
.modal-close:hover{color:var(--vermelho)}
.credbox{background:var(--verde-gelo);border:2px dashed var(--verde);border-radius:var(--radius);padding:18px;margin-top:18px}
.credbox-label{font-size:11px;font-weight:700;color:var(--verde);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.credbox-val{font-family:ui-monospace,Menlo,monospace;font-size:16px;font-weight:700;color:var(--cinza-900);word-break:break-all}
.empty-panel{text-align:center;padding:50px 20px;color:var(--cinza-500);font-size:15px}
.toast-container{position:fixed;top:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:12px}
.toast{background:#fff;border-radius:var(--radius);padding:16px 24px;box-shadow:0 12px 32px rgba(0,0,0,.18);display:flex;align-items:center;gap:14px;min-width:300px;border-left:5px solid var(--verde);animation:slideIn .3s ease-out}
.toast-success{border-left-color:#10B981}
.toast-error{border-left-color:var(--vermelho)}
.toast-text{font-size:14px;font-weight:600;color:var(--cinza-900)}
@keyframes slideIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
.pend-card{background:var(--cinza-50);border-left:4px solid var(--amarelo,#F59E0B);border-radius:var(--radius);padding:16px;margin-bottom:12px}
.pend-head{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:var(--cinza-500)}
.pend-author{font-weight:700;color:var(--verde-escuro);font-size:13px}
.pend-text{font-size:15px;color:var(--cinza-700);margin-bottom:12px}
@media(max-width:768px){.form-row{grid-template-columns:1fr}.panel{padding:18px}.table{font-size:13px}.table th,.table td{padding:10px 6px}}

/* ============ VISAO DO INVESTIDOR: relatorios, votos, comentarios ============ */
.rep-card{background:var(--cinza-50);border-radius:var(--radius);padding:18px;margin-bottom:14px;border-left:4px solid var(--verde)}
.rep-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.rep-title{font-size:16px;font-weight:700;color:var(--cinza-900)}
.rep-meta{font-size:12px;color:var(--cinza-500)}
.rep-resumo{font-size:14px;color:var(--cinza-700);margin-bottom:10px}
.rep-block{margin-top:8px}
.rep-block-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--cinza-500);margin-bottom:4px}
.rep-list{margin:0;padding-left:20px;font-size:13px;color:var(--cinza-700)}
.rep-list li{margin-bottom:3px}
.rep-risco{color:#92400E}
.del-card{background:#fff;border:1px solid var(--cinza-200);border-radius:var(--radius);padding:18px;margin-bottom:14px}
.del-card.aberta{border-left:4px solid var(--amarelo,#F59E0B)}
.del-card.encerrada{border-left:4px solid var(--cinza-300);opacity:.9}
.del-title{font-size:16px;font-weight:700;color:var(--cinza-900);margin-bottom:6px}
.del-desc{font-size:14px;color:var(--cinza-600);margin-bottom:10px}
.del-alcada{font-size:13px;color:var(--cinza-500);margin-bottom:8px}
.del-votos{display:flex;gap:18px;font-size:13px;margin-bottom:12px}
.del-votos strong{font-size:16px}
.voto-btns{display:flex;gap:10px;flex-wrap:wrap}
.voto-btn{padding:10px 20px;border:2px solid transparent;border-radius:var(--radius);font-weight:700;cursor:pointer;font-size:14px;font-family:inherit;transition:all .2s}
.voto-btn.aprovar{background:#D1FAE5;color:#065F46}
.voto-btn.reprovar{background:#FEE2E2;color:#991B1B}
.voto-btn.escolhido{border-color:currentColor;box-shadow:0 0 0 3px rgba(49,94,84,.12)}
.voto-btn:hover{opacity:.85}
.meu-voto{font-size:12px;font-weight:700;color:var(--verde);margin-top:8px}
.com-item{background:var(--cinza-50);border-radius:var(--radius);padding:14px;margin-bottom:10px;border-left:4px solid var(--verde-claro)}
.com-item.resposta{background:var(--verde-gelo);border-left-color:var(--verde);margin-left:24px}
.com-head{display:flex;justify-content:space-between;margin-bottom:6px;font-size:12px}
.com-autor{font-weight:700;color:var(--verde-escuro);font-size:13px}
.com-data{color:var(--cinza-500)}
.com-text{font-size:14px;color:var(--cinza-700)}
.com-status{display:inline-block;margin-top:6px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:50px}
.com-pend{background:#FEF3C7;color:#92400E}
.com-resp{background:#D1FAE5;color:#065F46}

/* Sino de notificacoes */
.bell-wrap{position:relative}
.bell-btn{background:none;border:none;font-size:22px;cursor:pointer;padding:6px 10px;border-radius:50%;line-height:1;color:var(--cinza-700)}
.bell-btn:hover{background:var(--cinza-100)}
.bell-count{position:absolute;top:0;right:2px;background:var(--vermelho);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.bell-panel{position:absolute;top:46px;right:0;width:340px;max-height:420px;overflow-y:auto;background:#fff;border-radius:14px;box-shadow:0 16px 44px rgba(0,0,0,.2);z-index:120;padding:8px}
.bell-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--cinza-100)}
.bell-title{font-size:14px;font-weight:800;color:var(--cinza-900)}
.bell-clear{background:none;border:none;color:var(--verde);font-size:12px;font-weight:700;cursor:pointer}
.notif{padding:12px;border-radius:10px;cursor:pointer}
.notif:hover{background:var(--cinza-50)}
.notif.unread{background:var(--verde-gelo)}
.notif-title{font-size:13px;font-weight:700;color:var(--cinza-900);margin-bottom:3px}
.notif-msg{font-size:12px;color:var(--cinza-600)}
.notif-time{font-size:11px;color:var(--cinza-500);margin-top:4px}

/* Onboarding */
.tour-bg{position:fixed;inset:0;background:rgba(15,23,42,.72);backdrop-filter:blur(3px);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}
.tour-card{background:#fff;border-radius:18px;padding:34px;max-width:480px;width:100%;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.tour-icon{font-size:46px;margin-bottom:14px}
.tour-title{font-size:22px;font-weight:800;color:var(--cinza-900);margin-bottom:10px}
.tour-text{font-size:15px;color:var(--cinza-600);margin-bottom:24px;line-height:1.6}
.tour-dots{display:flex;gap:7px;justify-content:center;margin-bottom:20px}
.tour-dot{width:9px;height:9px;border-radius:50%;background:var(--cinza-200)}
.tour-dot.on{background:var(--verde);width:26px;border-radius:5px}
.tour-nav{display:flex;gap:10px;justify-content:center}
.tour-skip{background:none;border:none;color:var(--cinza-500);font-size:13px;cursor:pointer;margin-top:14px;font-family:inherit}
@media(max-width:768px){.bell-panel{width:calc(100vw - 32px);right:-8px}.com-item.resposta{margin-left:12px}}

/* Voto definitivo */
.voto-lock{font-size:12px;color:var(--cinza-500);margin-top:10px;font-style:italic}
.voto-final{padding:12px 16px;border-radius:var(--radius);font-size:14px;font-weight:600}
.voto-final.ok{background:#D1FAE5;color:#065F46;border:1px solid #A7F3D0}
.voto-final.no{background:#FEE2E2;color:#991B1B;border:1px solid #FECACA}

/* Linhas de edicao (alertas / plano de acao) */
.row-edit{display:grid;grid-template-columns:1fr 150px auto;gap:10px;align-items:center;margin-bottom:10px}
.row-edit.col4{grid-template-columns:2fr 1fr 150px 130px auto}
.row-edit .form-input,.row-edit .form-select{padding:10px 12px;font-size:14px}
@media(max-width:900px){.row-edit,.row-edit.col4{grid-template-columns:1fr;gap:6px;padding-bottom:12px;border-bottom:1px solid var(--cinza-100)}}

/* Painel orientado a tarefas */
.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.task-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#fff;border:1px solid var(--cinza-200);border-radius:14px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.task-card:hover{border-color:var(--verde);box-shadow:0 8px 24px rgba(49,94,84,.15);transform:translateY(-2px)}
.task-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:var(--verde-gelo);display:flex;align-items:center;justify-content:center;color:var(--verde);font-size:22px}
.task-body{flex:1;min-width:0}
.task-title{font-size:16px;font-weight:700;color:var(--cinza-900);margin-bottom:3px}
.task-desc{font-size:13px;color:var(--cinza-500)}
.task-arrow{color:var(--cinza-400);font-size:20px}
.task-badge{flex-shrink:0;padding:4px 10px;background:var(--vermelho);color:#fff;border-radius:50px;font-size:12px;font-weight:700}
@media(max-width:768px){.tasks-grid{grid-template-columns:1fr}}

/* ===== Tex — Widget flutuante de Chat ===== */
.tex-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--verde);color:#fff;border:none;cursor:pointer;box-shadow:0 8px 24px rgba(49,94,84,.4);display:flex;align-items:center;justify-content:center;z-index:999;transition:transform .2s,box-shadow .2s}
.tex-fab:hover{transform:scale(1.08);box-shadow:0 12px 32px rgba(49,94,84,.5)}
.tex-fab svg{width:24px;height:24px}

.tex-panel{position:fixed;bottom:92px;right:24px;width:380px;height:500px;background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.25);z-index:999;flex-direction:column;overflow:hidden;border:1px solid var(--cinza-200)}

.tex-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--verde);color:#fff}
.tex-header-info{display:flex;align-items:center;gap:10px}
.tex-avatar{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.tex-name{font-size:14px;font-weight:700}
.tex-subtitle{font-size:11px;opacity:.8}
.tex-close{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:0 4px;line-height:1}

.tex-messages{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}

.tex-msg{display:flex}
.tex-msg-user{justify-content:flex-end}
.tex-msg-assistant{justify-content:flex-start}
.tex-bubble{max-width:80%;padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.5}
.tex-msg-assistant .tex-bubble{background:var(--cinza-100);color:var(--cinza-900);border-bottom-left-radius:4px}
.tex-msg-user .tex-bubble{background:var(--verde);color:#fff;border-bottom-right-radius:4px}

.tex-typing{display:flex;gap:4px;align-items:center}
.tex-typing span{width:7px;height:7px;background:var(--cinza-400);border-radius:50%;animation:tex-dot 1.2s infinite}
.tex-typing span:nth-child(2){animation-delay:.2s}
.tex-typing span:nth-child(3){animation-delay:.4s}
@keyframes tex-dot{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}

.tex-input-area{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--cinza-200)}
.tex-input{flex:1;padding:10px 14px;border:1px solid var(--cinza-200);border-radius:24px;font-size:13px;outline:none;font-family:inherit}
.tex-input:focus{border-color:var(--verde)}
.tex-input:disabled{background:var(--cinza-100)}
.tex-send{width:36px;height:36px;border-radius:50%;background:var(--verde);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tex-send:hover{background:var(--verde-escuro)}
.tex-send svg{width:16px;height:16px}

@media(max-width:480px){
  .tex-panel{width:calc(100vw - 24px);right:12px;height:60vh;bottom:86px}
  .tex-fab{bottom:16px;right:16px}
}
