*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#0d1730}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef7f3,#f8fafc)}.login-card{background:#fff;width:390px;max-width:92%;padding:34px;border-radius:18px;box-shadow:0 18px 50px rgba(13,23,48,.14);text-align:center}.login-card h1{margin-bottom:8px}.login-card p{color:#6b7280}label{display:block;text-align:left;margin:16px 0 7px;font-weight:700}input,select{width:100%;height:48px;border:1px solid #d1d5db;border-radius:10px;padding:0 12px;font-size:15px}button{background:#14bf8b;color:#fff;border:0;border-radius:10px;padding:14px 18px;font-weight:900;cursor:pointer}.login-card form button{width:100%;margin-top:18px}.box form button{width:auto;height:48px;margin-top:0;white-space:nowrap}.admin-chat-form button{width:auto;min-width:96px;flex:0 0 auto;margin-top:0}#erro{color:#dc2626;margin-top:15px;font-weight:700}aside{position:fixed;left:0;top:0;bottom:0;width:250px;background:#0b1328;color:#fff;padding:28px}aside h2{font-size:18px}aside span{color:#14bf8b}aside a,aside button{display:block;width:100%;margin:14px 0;padding:13px 14px;border-radius:10px;text-decoration:none;color:#fff;background:rgba(255,255,255,.08);text-align:left}.dash{margin-left:250px;padding:36px}.dash h1{font-size:34px}.box{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;margin:20px 0}.box form{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:auto;margin-top:22px}table{width:100%;border-collapse:collapse}th,td{padding:14px;border-bottom:1px solid #e5e7eb;text-align:left}th{background:#0b1328;color:#fff}.danger{background:#ef4444}.smallbtn{padding:9px 11px;margin-right:6px}@media(max-width:850px){aside{position:relative;width:100%}.dash{margin-left:0;padding:20px}.box form{grid-template-columns:1fr}}.chat-admin-grid{display:grid;grid-template-columns:330px 1fr;gap:18px;align-items:start}.chat-list,.chat-detail{background:#fff;border-radius:18px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.chat-row{display:block;width:100%;text-align:left;border:1px solid #e6eaf0;background:#f8fafc;border-radius:14px;padding:12px;margin:0 0 10px;cursor:pointer}.chat-row.active{border-color:#1d4ed8;background:#eef4ff}.chat-row strong,.chat-row span,.chat-row small,.chat-row em{display:block}.chat-row span{font-size:13px;color:#334155}.chat-row small{font-size:12px;color:#64748b}.chat-row em{font-size:12px;color:#475569;font-style:normal;margin-top:6px}.admin-chat-messages{height:420px;overflow:auto;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:14px;margin:12px 0}.admin-msg{max-width:80%;padding:10px 12px;border-radius:14px;margin:8px 0;background:#fff;border:1px solid #e5e7eb}.admin-msg.cliente{margin-left:auto;background:#dbeafe}.admin-msg.atendente{background:#dcfce7}.admin-msg.sistema,.admin-msg.bot{background:#fef3c7}.admin-msg small{font-size:11px;color:#64748b}.admin-msg p{margin:4px 0 0}.admin-chat-form{display:flex;gap:8px;align-items:center}.admin-chat-form input{flex:1;min-width:0;padding:14px;border:1px solid #cbd5e1;border-radius:12px}.admin-chat-form button,.chat-actions button{padding:12px 14px;border:0;border-radius:12px;background:#1d4ed8;color:#fff;font-weight:700;cursor:pointer}.chat-actions{display:flex;gap:8px;margin-top:10px}.empty{color:#64748b}@media(max-width:900px){.chat-admin-grid{grid-template-columns:1fr}.admin-chat-messages{height:340px}}

@media(max-width:600px){.admin-chat-form{gap:6px}.admin-chat-form button{min-width:78px;padding:12px 10px}.box form button{width:100%}}
.userbox{margin:8px 0 14px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.10);font-size:13px;color:#fff;line-height:1.3}.login-note{margin-top:14px;padding:12px;border-radius:12px;background:#f1f7ff;color:#183153;font-size:14px;line-height:1.45}.alert-info{background:#eef6ff;border-left:4px solid #1b7cff;padding:12px 14px;border-radius:10px;color:#14345c}.func-form input,.func-form select{min-width:190px}.admin-only{display:none}
.password-wrap{position:relative;width:100%}.password-wrap input{padding-right:52px}.toggle-pass{position:absolute;right:6px;top:6px;width:40px;height:36px;padding:0;border-radius:8px;background:#eef2f7;color:#0f172a;font-size:16px;display:flex;align-items:center;justify-content:center}.login-card .password-wrap + button{width:100%;margin-top:18px}.func-form .password-wrap{min-width:190px}.notify-bar{display:flex;align-items:center;gap:10px;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:12px 14px;margin:16px 0;color:#7c2d12}.notify-bar button{background:#f97316;color:#fff;padding:10px 14px;border-radius:10px}.notify-bar span{font-size:14px}.notify-toast{display:none;position:fixed;right:22px;top:22px;z-index:9999;background:#0b1328;color:#fff;padding:16px 18px;border-radius:14px;box-shadow:0 16px 45px rgba(0,0,0,.25);max-width:360px;font-weight:700}.notify-toast.show{display:block;animation:toastIn .2s ease}@keyframes toastIn{from{transform:translateY(-10px);opacity:.2}to{transform:translateY(0);opacity:1}}.chat-row.unread{border-color:#f97316;background:#fff7ed;box-shadow:0 0 0 2px rgba(249,115,22,.12)}@media(max-width:600px){.notify-bar{align-items:flex-start;flex-direction:column}.notify-toast{left:14px;right:14px;top:14px}}


/* Correção: botão de visualizar senha pequeno, sem ocupar largura total */
.login-card form .password-wrap .toggle-pass,
.box form .password-wrap .toggle-pass,
.password-wrap button.toggle-pass{
  position:absolute !important;
  right:6px !important;
  top:6px !important;
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:36px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:8px !important;
  background:#eef2f7 !important;
  color:#0f172a !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:16px !important;
  line-height:1 !important;
}
.login-card form .password-wrap + button{width:100%;margin-top:18px;}
.form-msg{font-weight:700;margin:8px 0 0;color:#0f766e;}

.settings-form{display:block !important;max-width:520px}.settings-form label{margin-top:14px}.settings-form button[type="submit"]{margin-top:16px}.config-box h2{margin-top:0}.recovery-card{text-align:left}.recovery-card h1,.recovery-card>p{text-align:center}.reset-form-block{margin-top:18px;border-top:1px solid #e5e7eb;padding-top:14px}.recovery-card a{color:#1d4ed8;font-weight:700;text-decoration:none}.recovery-card button[type="submit"]{width:100%;margin-top:18px}
.reset-code{display:inline-block;margin-top:8px;padding:8px 12px;border-radius:8px;background:#fff3cd;color:#111;font-size:20px;letter-spacing:3px;font-weight:800}

.plan-form{grid-template-columns:1.2fr .6fr 1.5fr auto auto auto auto !important;align-items:end}.check-inline{display:flex;align-items:center;gap:8px;margin:0;font-weight:700}.check-inline input{width:auto;height:auto}.graybtn{background:#64748b}@media(max-width:1100px){.plan-form{grid-template-columns:1fr !important}.check-inline{margin-top:8px}}

/* Logo Regulariza MEI */
.side-logo{margin:0 0 18px!important;text-align:center;}
.side-logo img{width:100%;max-width:190px;height:auto;background:#fff;border-radius:14px;padding:6px 10px;display:block;margin:0 auto;}
.login-logo{width:220px;max-width:100%;height:auto;display:block;margin:0 auto 12px;background:#fff;border-radius:16px;}
.online-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px 16px;margin:12px 0 16px;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.online-card.is-online{border-color:#22c55e;background:#f0fdf4}.online-card.is-offline{border-color:#fecaca;background:#fff7f7}.online-card small{color:#475569}.online-card button{background:#1d4ed8;white-space:nowrap}.online-card.is-online button{background:#ef4444}
@media(max-width:700px){.online-card{align-items:flex-start;flex-direction:column}.online-card button{width:100%}}

.report-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.05)}.summary-card b{display:block;font-size:30px;color:#0b1328}.summary-card span{font-size:13px;color:#64748b}.report-filters{display:grid!important;grid-template-columns:2fr 1fr 1fr auto auto!important;align-items:center}.report-section{margin:22px 0}.report-section h2{margin:0 0 12px}.report-chat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;margin:14px 0;box-shadow:0 8px 24px rgba(0,0,0,.05)}.report-chat-card header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.report-chat-card h3{margin:0 0 6px}.report-chat-card p{margin:0;color:#334155;line-height:1.55}.report-chat-messages{margin-top:14px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:12px;max-height:520px;overflow:auto}.report-chat-messages .admin-msg{max-width:96%}@media(max-width:1000px){.report-summary{grid-template-columns:repeat(2,1fr)}.report-filters{grid-template-columns:1fr!important}.report-chat-card header{flex-direction:column}.report-chat-card header button{width:100%}}@media(max-width:600px){.report-summary{grid-template-columns:1fr}}

.webhook-copy{display:flex;gap:10px;align-items:center}.webhook-copy input{flex:1}.chat-row.unread{border-left:5px solid #f59e0b;background:#fff7ed}.crm-note{background:#ecfeff;border:1px solid #67e8f9;border-radius:14px;padding:14px;margin:12px 0}.admin-chat-form{display:grid;grid-template-columns:1fr 92px;gap:8px}.admin-chat-form button{padding:10px 14px;min-width:82px}.queue-badge{display:inline-block;background:#eef2ff;color:#3730a3;border-radius:999px;padding:4px 10px;font-size:12px;margin-left:5px}
.webhook-copy{display:flex;gap:10px;align-items:center}.webhook-copy input{flex:1}.form-msg{font-weight:800;color:#0b7454}.graybtn{background:#64748b!important}.table-wrap{overflow:auto}

/* Organização da tela de planos */
.plan-form{display:grid!important;grid-template-columns:1.1fr .45fr 1.6fr!important;gap:14px!important;align-items:end!important}.plan-form .check-inline{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;height:48px;align-items:center}.plan-form button{height:48px}.plan-form .graybtn{background:#64748b!important}.plan-form input{background:#fff}.table-wrap table td:nth-child(3){min-width:280px;line-height:1.45}.table-wrap table td:first-child{font-weight:800;color:#0b1328}@media(max-width:1100px){.plan-form{grid-template-columns:1fr!important}.plan-form .check-inline{height:auto}.plan-form button{width:100%}}

.backup-summary{margin:14px 0}.summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.summary-cards div{background:#f8fafc;border:1px solid #dfe7f3;border-radius:16px;padding:18px;text-align:center}.summary-cards b{display:block;font-size:28px;color:#0b63ce}.summary-cards span{font-weight:800;color:#475569}@media(max-width:900px){.summary-cards{grid-template-columns:1fr 1fr}}
