/* ==========================================
   Convers IA - Estilos para WhatsApp Accounts
   Layout moderno estilo SaaS + status coloridos
   ========================================== */

.conversia-wrapper {
    padding: 25px;
    background: #f8f9fb;
}

.conversia-title {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #222;
}

/* Botão principal */
.conversia-btn-create {
    font-size: 14px !important;
    padding: 10px 16px !important;
    border-radius: 6px !important;
    background: linear-gradient(135deg, #2b7cff, #195bdb) !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
}

/* Tabela */
.wp-list-table {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.05);
}

.wp-list-table thead th {
    background: #ffffff;
    color: #444;
    font-weight: 600;
    padding: 12px 10px;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 2px solid #e5e7eb;
}

.wp-list-table tbody td {
    font-size: 14px;
    padding: 14px 10px;
    vertical-align: middle;
}

/* Status */
.conversia-status {
    font-size: 12px;
    font-weight: 600;
    padding: 6px 10px;
    border-radius: 6px;
    text-transform: capitalize;
}

/* Conectado */
.status-connected {
    background: #dafce6;
    color: #1b7a3b;
    border: 1px solid #96e6b3;
}

/* Desconectado */
.status-disconnected {
    background: #ffe3e3;
    color: #b42222;
    border: 1px solid #ffb1b1;
}

/* Aguardando (waiting) */
.status-waiting {
    background: #fff6d6;
    color: #9a6b00;
    border: 1px solid #ffe79a;
}

/* QR Code */
.conversia-qrcode img {
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 4px;
    background: white;
}

/* Botões */
.conversia-btn-connect,
.conversia-btn-disconnect,
.conversia-btn-delete {
    padding: 6px 12px !important;
    margin-right: 6px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

/* Conectar */
.conversia-btn-connect {
    background: #2b7cff !important;
    border: none !important;
    color: white !important;
}

.conversia-btn-connect:hover {
    background: #195bdb !important;
}

/* Desconectar */
.conversia-btn-disconnect {
    background: #fdb52a !important;
    border: none !important;
    color: #442b00 !important;
}

.conversia-btn-disconnect:hover {
    background: #d89717 !important;
}

/* Delete */
.conversia-btn-delete {
    background: #ff4d4d !important;
    border: none !important;
    color: white !important;
}

.conversia-btn-delete:hover {
    background: #d93636 !important;
}

/* Linhas da tabela alternadas */
.wp-list-table.striped tbody tr:nth-child(odd) {
    background: #fafafa;
}

.wp-list-table.striped tbody tr:nth-child(even) {
    background: #ffffff;
}

/* Hover */
.wp-list-table tbody tr:hover {
    background: #f1f5ff !important;
    transition: 0.15s ease-out;
}

/* v17 — Contas em cards horizontais SaaS */
.conversia-wrapper,.conversia-instagram-accounts-page{font-family:Poppins,Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#07142f}.conversia-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.conversia-page-head h1,.conversia-wrapper .conversia-title{margin:0 0 6px!important;font-size:24px!important;line-height:1.15!important;letter-spacing:-.03em!important;font-weight:700!important;color:#07142f!important}.conversia-page-head p{margin:0;color:#66738a;font-size:12px}.conversia-page-create,#conversia-add-account{min-height:38px!important;padding:0 16px!important;border-radius:14px!important;background:#6757ff!important;border-color:#6757ff!important;color:#fff!important;font-size:12px!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.conversia-account-list{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:18px}.conversia-account-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;min-height:86px;padding:16px 18px;border:1px solid #e3eaf4;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 12px 28px rgba(15,23,42,.035)}.conversia-account-main{min-width:0}.conversia-account-titleline{display:flex;align-items:center;gap:10px;margin-bottom:8px;min-width:0}.conversia-account-titleline strong{font-size:14px;font-weight:700;letter-spacing:-.02em;color:#07142f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversia-account-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:#5f6c82;font-size:12px;line-height:1.35}.conversia-account-meta b{color:#2d3a4f}.conversia-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap;white-space:nowrap}.conversia-account-actions .button,.conversia-account-card .button{height:34px!important;min-height:34px!important;padding:0 13px!important;border-radius:999px!important;border:1px solid #dfe7f1!important;background:#fff!important;color:#08142f!important;font-size:11.5px!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;box-shadow:none!important}.conversia-account-card .btn-delete,.conversia-account-card .button-link-delete{color:#c21f32!important;border-color:#ffd7dc!important}.conversia-empty-card{border:1px solid #e3eaf4;border-radius:18px;background:#fff;padding:18px;color:#66738a;font-size:12px}.conversia-status{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:23px!important;padding:0 10px!important;border-radius:999px!important;font-size:11px!important;font-weight:700!important;text-transform:none!important}.status-connected,.status-ready{background:#ebf8ef!important;color:#2e8f42!important;border-color:#c8ecd6!important}.status-disconnected{background:#f3f4f6!important;color:#64748b!important;border-color:#e5e7eb!important}.status-qr,.status-waiting,.status-authenticated,.status-connecting,.status-initializing{background:#fff7e6!important;color:#9a6700!important;border-color:#ffe0a3!important}
@media(max-width:1180px){.conversia-account-card{grid-template-columns:1fr}.conversia-account-actions{justify-content:flex-start;flex-wrap:wrap}.conversia-page-head{align-items:flex-start}}
@media(max-width:680px){.conversia-page-head{display:block}.conversia-page-create,#conversia-add-account{margin-top:12px}.conversia-account-titleline{align-items:flex-start;flex-direction:column}.conversia-account-card{padding:14px}}
.conversia-meta-connect-tool{margin:0 0 16px;border:1px solid #e3eaf4;border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.035);overflow:hidden}.conversia-meta-connect-tool summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;cursor:pointer;list-style:none}.conversia-meta-connect-tool summary::-webkit-details-marker{display:none}.conversia-meta-connect-tool summary span{display:grid;gap:3px}.conversia-meta-connect-tool summary strong{font-size:13px;color:#07142f}.conversia-meta-connect-tool summary small{font-size:11.5px;color:#66738a;font-weight:400}.conversia-meta-connect-tool summary>b{border:1px solid #dfe7f1;border-radius:10px;padding:8px 12px;font-size:11.5px;color:#4b3ee8;background:#f7f6ff}.conversia-meta-connect-tool[open] summary{border-bottom:1px solid #edf1f6}.conversia-meta-connect-body{padding:14px 16px}.conversia-meta-connect-body>label,#conversia-meta-link-result>label{display:block;margin-bottom:6px;font-size:11.5px;font-weight:700;color:#66738a}.conversia-meta-connect-controls,.conversia-meta-result-row{display:flex;gap:8px;align-items:center}.conversia-meta-connect-controls select,.conversia-meta-result-row input{flex:1;min-width:0;height:38px;border:1px solid #dfe7f1;border-radius:10px;padding:0 10px}.conversia-meta-connect-body p{margin:8px 0 0;color:#7b879b;font-size:11px}#conversia-meta-link-result{margin-top:12px;padding-top:12px;border-top:1px solid #edf1f6}@media(max-width:680px){.conversia-meta-connect-tool summary,.conversia-meta-connect-controls,.conversia-meta-result-row{align-items:stretch;flex-direction:column}.conversia-meta-connect-tool summary>b{text-align:center}}