:root{--navy:#0b1f3a;--navy-2:#102a4c;--blue:#2563eb;--green:#16a34a;--red:#dc2626;--amber:#f59e0b;--slate:#64748b;--canvas:#f4f7fb;--surface:#fff;--surface-soft:#f8fafc;--surface-muted:#eef2f7;--text:#172033;--text-strong:#273449;--border:#e5eaf1;--border-soft:#edf1f6;--input-bg:#fff;--input-border:#dce3ec;--topbar:rgba(255,255,255,.94);--chart-text:#7b8798;--chart-grid:#edf1f6;--chart-border:#fff;--shadow:0 12px 30px rgba(15,31,55,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:#172033;font-family:Manrope,system-ui,-apple-system,sans-serif;font-size:.94rem}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:linear-gradient(180deg,var(--navy),#071426);color:#fff;flex-direction:column;padding:28px 18px 20px;z-index:1020}.sidebar-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:1.24rem;font-weight:800;letter-spacing:-.04em;padding:0 10px 26px}.sidebar-brand span,.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:linear-gradient(135deg,#2dd4bf,var(--green));border-radius:12px;color:#fff}.sidebar-nav{display:flex;flex-direction:column;gap:5px;flex:1}.sidebar-label{font-size:.65rem;letter-spacing:.15em;color:#8090a7;font-weight:800;padding:18px 13px 6px}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;color:#aebbd0;text-decoration:none;font-weight:600;transition:.18s ease}.sidebar-nav a i{font-size:1.08rem}.sidebar-nav a:hover,.sidebar-nav a.active{background:rgba(255,255,255,.1);color:#fff;transform:translateX(2px)}.sidebar-nav a.active{box-shadow:inset 3px 0 #2dd4bf}.sidebar-logout button{width:100%;border:0;background:transparent;color:#93a3b8;padding:12px;text-align:left;font-weight:600}.sidebar-logout i{margin-right:12px}.sidebar-mobile{background:var(--navy);color:#fff}.main-content{margin-left:252px;min-height:100vh}.topbar{height:78px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:1010;backdrop-filter:blur(12px)}.topbar-greeting{font-weight:800;display:block}.topbar small,.topbar-user small{display:block;color:var(--slate);font-size:.74rem}.topbar-user{display:flex;align-items:center;gap:10px}.topbar-user strong{display:block;font-size:.82rem}.avatar{width:38px;height:38px;border-radius:50%;background:#e0f2fe;color:#0369a1;display:grid;place-items:center;font-weight:800}.page-content{max-width:1600px;margin:auto;padding:30px 32px 44px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading h1{font-size:1.75rem;margin:2px 0 5px;font-weight:800;letter-spacing:-.045em}.page-heading p{color:var(--slate);margin:0}.eyebrow{font-size:.64rem;font-weight:800;letter-spacing:.14em;color:#64748b}.btn{border-radius:10px;font-weight:700}.btn-primary{--bs-btn-bg:#2563eb;--bs-btn-border-color:#2563eb;box-shadow:0 7px 18px rgba(37,99,235,.22)}.filter-bar{display:flex;align-items:flex-end;gap:10px;background:#fff;border:1px solid var(--border);padding:13px 15px;border-radius:14px;margin-bottom:18px;box-shadow:0 4px 14px rgba(15,31,55,.03)}.filter-bar label{display:block;font-size:.69rem;font-weight:800;color:var(--slate);margin:0 0 4px}.filter-bar .form-control{min-width:150px}.form-control,.form-select{border-color:#dce3ec;border-radius:10px;padding:.65rem .78rem}.form-control:focus,.form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 .22rem rgba(37,99,235,.1)}.metric-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;gap:16px;align-items:flex-start;box-shadow:var(--shadow);height:100%}.metric-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:1.3rem;flex:0 0 auto}.metric-card.income .metric-icon{background:#dcfce7;color:var(--green)}.metric-card.expense .metric-icon{background:#fee2e2;color:var(--red)}.metric-card.balance .metric-icon{background:#dbeafe;color:var(--blue)}.metric-card span{display:block;color:var(--slate);font-size:.76rem;font-weight:700}.metric-card strong{display:block;font-size:1.6rem;letter-spacing:-.04em;margin:2px 0}.metric-card small{color:#94a3b8;font-size:.68rem}.content-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.card-heading h2{font-size:1.05rem;font-weight:800;margin:2px 0}.chart-wrap{position:relative;height:300px}.chart-doughnut{height:290px}.legend-inline{font-size:.7rem;color:var(--slate);display:flex;align-items:center;gap:7px}.income-dot,.expense-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.income-dot{background:var(--green)}.expense-dot{background:var(--red);margin-left:8px}.table{--bs-table-bg:transparent}.table thead th{font-size:.65rem;color:#7b8798;text-transform:uppercase;letter-spacing:.07em;border-bottom-color:var(--border);padding:.75rem}.table td{border-bottom-color:#edf1f6;padding:.82rem .75rem;font-size:.82rem}.value-entrada{color:var(--green)!important;font-weight:800}.value-saida{color:var(--red)!important;font-weight:800}.category-pill{display:inline-flex;align-items:center;gap:7px}.category-pill i{width:8px;height:8px;border-radius:50%}.text-link{font-size:.77rem;color:var(--blue);font-weight:700;text-decoration:none}.empty-state{text-align:center;color:var(--slate);display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;gap:8px}.empty-state>i{font-size:2.2rem;color:#b6c1ce}.empty-state h3{font-size:1rem;color:#273449;margin:4px 0 0}.empty-state p{margin:0}.min-vh-50{min-height:50vh}.form-card{max-width:700px}.login-body{background:#eef3f8}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr)}.login-brand{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 15%,rgba(45,212,191,.18),transparent 30%),linear-gradient(150deg,var(--navy),#071426);color:#fff;padding:7vw;flex-direction:column;justify-content:center}.login-brand .brand-mark{position:absolute;top:42px;left:7vw}.login-brand h1{font-size:clamp(2.7rem,4.5vw,4.8rem);font-weight:800;letter-spacing:-.065em;line-height:.98;margin:14px 0 24px}.login-brand h1 span{color:#5eead4}.login-brand>div>p{max-width:570px;color:#aebbd0;font-size:1.03rem;line-height:1.75}.login-metric{position:absolute;bottom:46px;left:7vw;display:flex;gap:13px;align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:14px 18px;border-radius:14px}.login-metric>i{font-size:1.4rem;color:#5eead4}.login-metric strong,.login-metric span{display:block}.login-metric span{font-size:.68rem;color:#9fb0c7}.login-card-wrap{display:grid;place-items:center;padding:40px}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--border);border-radius:24px;padding:38px;box-shadow:0 24px 70px rgba(15,31,55,.11)}.login-card h2{font-weight:800;letter-spacing:-.04em;margin:7px 0 5px}.input-icon{position:relative}.input-icon i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.input-icon .form-control{padding-left:42px}.login-help{text-align:center;color:#94a3b8;font-size:.73rem;margin:24px 0 0}.brand-mobile{font-weight:800;font-size:1.2rem;color:var(--navy);margin-bottom:25px}.menu-toggle{font-size:1.5rem;padding:0}.offcanvas-header{border-bottom:1px solid rgba(255,255,255,.1)}
@media(max-width:991.98px){.main-content{margin-left:0}.topbar{padding:0 18px;height:70px}.topbar>div:first-of-type{display:none}.page-content{padding:22px 18px 38px}.sidebar-mobile .sidebar-nav{padding:12px 18px}.sidebar-mobile .sidebar-logout{padding:0 18px 20px}.sidebar-mobile .sidebar-brand{padding:4px 0}.login-shell{display:block}.login-card-wrap{min-height:100vh;padding:22px}.login-card{padding:28px 24px}}
@media(max-width:575.98px){.page-heading{align-items:flex-start;flex-direction:column}.page-heading .btn{width:100%}.filter-bar{display:grid;grid-template-columns:1fr 1fr}.filter-bar .form-control{min-width:0}.filter-bar .btn{grid-column:1/-1}.metric-card strong{font-size:1.4rem}.content-card{padding:16px}.chart-wrap{height:260px}.legend-inline{display:none}.table td,.table th{white-space:nowrap}.login-card{box-shadow:none}.topbar-user .avatar{width:34px;height:34px}}

.metric-link{color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;cursor:pointer}
.metric-link:hover{color:inherit;transform:translateY(-2px);border-color:#bfdbfe;box-shadow:0 12px 28px rgba(15,31,55,.11)}
.metric-link:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:3px}
@media(max-width:767.98px){.category-breakdown-card{display:none}}
.filters-grid{display:grid;grid-template-columns:minmax(200px,1.7fr) repeat(4,minmax(135px,1fr));gap:12px;align-items:end}.filters-grid label{display:block;font-size:.69rem;font-weight:800;color:var(--slate);margin:0 0 4px}.filters-grid .filter-search{grid-column:span 2}.filter-actions{display:flex;justify-content:flex-end;gap:8px;grid-column:-3/-1}.filter-check{display:flex!important;align-items:center;gap:8px;padding-bottom:10px}.table-actions{white-space:nowrap}.table-actions form,.table td>form{display:inline-block}.row-disabled{opacity:.55;background:#f8fafc}.badge-soft{display:inline-block;padding:5px 8px;border-radius:7px;background:#eef2f7;color:#526174;font-size:.65rem;font-weight:700;margin:1px}.badge-soft.income{background:#dcfce7;color:#15803d}.pagination-wrap{display:flex;justify-content:space-between;align-items:center;padding:15px 4px;color:var(--slate);font-size:.77rem}.pagination-wrap>div{display:flex;gap:8px}.back-link{font-size:.76rem;font-weight:700;text-decoration:none;color:var(--slate)}.form-wide{max-width:980px;margin:auto}.form-section{display:flex;align-items:center;gap:12px;margin-bottom:18px}.form-section h2{font-size:1rem;font-weight:800;margin:0}.form-section p{font-size:.73rem;color:var(--slate);margin:2px 0 0}.section-number{width:32px;height:32px;border-radius:10px;background:#dbeafe;color:#1d4ed8;display:grid;place-items:center;font-weight:800}.type-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-switch label{cursor:pointer}.type-switch input{position:absolute;opacity:0}.type-switch span{border:1.5px solid var(--border);border-radius:14px;padding:16px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;transition:.18s}.type-switch i{grid-row:1/3;width:42px;height:42px;border-radius:12px;background:#f1f5f9;display:grid;place-items:center;font-size:1.15rem}.type-switch strong{font-size:.85rem}.type-switch small{font-size:.69rem;color:var(--slate)}.type-switch input:checked+span{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.type-switch input[value=entrada]:checked+span{border-color:var(--green);background:#f0fdf4}.type-switch input[value=entrada]:checked+span i{background:#dcfce7;color:var(--green)}.type-switch input[value=saida]:checked+span i{background:#fee2e2;color:var(--red)}.form-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);margin-top:24px;padding-top:18px}.category-card{height:100%;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border);border-radius:15px;padding:17px;box-shadow:var(--shadow)}.category-card.disabled{opacity:.55}.category-icon{width:46px;height:46px;border-radius:13px;background:color-mix(in srgb,var(--category-color) 13%,white);color:var(--category-color);display:grid;place-items:center;font-size:1.2rem;flex:0 0 auto}.category-info{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1}.category-info h2{font-size:.9rem;font-weight:800;margin:0}.category-info span{font-size:.65rem;color:var(--slate)}.category-actions{display:flex;gap:4px}.category-actions form{display:inline-block}.status-dot{display:inline-flex!important;align-items:center;gap:5px;font-size:.65rem!important;color:#64748b!important;white-space:nowrap}.status-dot:before{content:'';width:7px;height:7px;background:#94a3b8;border-radius:50%}.status-dot.active:before{background:#22c55e;box-shadow:0 0 0 3px #dcfce7}.ranking-list{display:flex;flex-direction:column;gap:17px}.ranking-list>div>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:.77rem;margin-bottom:7px}.ranking-list span{display:flex;align-items:center;gap:8px}.ranking-list i{width:8px;height:8px;border-radius:50%}.ranking-list .progress{height:6px;background:#eef2f7}.user-cell{display:flex;align-items:center;gap:10px}.user-cell strong,.user-cell small{display:block}.user-cell small{color:var(--slate);font-size:.68rem}.audit-action{font-size:.66rem;font-weight:800;padding:5px 8px;background:#eef2f7;border-radius:7px}.action-criar,.action-restaurar{background:#dcfce7;color:#15803d}.action-alterar{background:#dbeafe;color:#1d4ed8}.action-excluir,.action-revogar_token{background:#fee2e2;color:#b91c1c}.audit-json{min-height:250px;background:#0b1220;color:#cbd5e1;border-radius:12px;padding:15px;white-space:pre-wrap;font-size:.7rem}.token-reveal{background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border:1px solid #a7f3d0;border-radius:15px;padding:17px;margin-bottom:16px}.token-reveal>div:first-child{display:flex;align-items:center;gap:10px}.token-reveal>div:first-child>i{font-size:1.5rem;color:var(--green)}.token-reveal strong,.token-reveal span{display:block}.token-reveal span{font-size:.7rem;color:#4b7667}.copy-field{display:flex;margin-top:12px;gap:8px}.copy-field code{display:block;background:#fff;border:1px dashed #6ee7b7;border-radius:10px;padding:11px;flex:1;overflow:auto;color:#065f46}.api-guide{border-left:4px solid #2563eb}.api-guide pre{background:#0b1220;color:#dbeafe;border-radius:12px;padding:14px;overflow:auto}.modal-content{border:0;border-radius:18px;box-shadow:0 24px 70px rgba(15,31,55,.2)}.modal-header,.modal-footer{border-color:var(--border)}
@media(max-width:1199.98px){.filters-grid{grid-template-columns:repeat(3,1fr)}.filters-grid .filter-search{grid-column:span 2}.filter-actions{grid-column:auto}}
@media(max-width:767.98px){.filters-grid{grid-template-columns:1fr 1fr}.filters-grid .filter-search,.filter-actions{grid-column:1/-1}.category-actions{flex-direction:column}.category-card{align-items:flex-start}.category-info{align-items:flex-start;flex-direction:column}.page-heading>div.d-flex{width:100%}.page-heading>div.d-flex .btn{flex:1}.copy-field{flex-direction:column}.type-switch{grid-template-columns:1fr}}
@media(max-width:575.98px){.filters-grid{grid-template-columns:1fr}.filters-grid .filter-search,.filter-actions{grid-column:auto}.filter-actions .btn{flex:1}.form-footer{flex-direction:column-reverse}.form-footer .btn{width:100%}}
html,body{max-width:100%;overflow-x:hidden}.app-shell,.main-content,.page-content{min-width:0}.sidebar-mobile{--bs-offcanvas-width:min(320px,88vw)}.filter-bar>*{min-width:0}.filter-bar .form-control{width:100%}.chart-wrap canvas{max-width:100%!important}
@media(max-width:575.98px){.filter-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.filter-bar .form-control{width:100%;min-width:0}}

/* Tema por usuario */
body{background:var(--canvas);color:var(--text);transition:background-color .18s ease,color .18s ease}.topbar{background:var(--topbar)}.filter-bar,.metric-card,.content-card,.category-card,.modal-content,.login-card{background:var(--surface)}.table td{border-bottom-color:var(--border-soft)}.table thead th{color:var(--chart-text)}.empty-state h3{color:var(--text-strong)}.form-control,.form-select{background-color:var(--input-bg);border-color:var(--input-border);color:var(--text)}.row-disabled{background:var(--surface-soft)}.badge-soft,.audit-action{background:var(--surface-muted)}
.topbar-actions{display:flex;align-items:center;gap:14px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);font-size:.75rem;font-weight:800;line-height:1;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.theme-toggle:hover{border-color:#60a5fa;color:var(--blue);transform:translateY(-1px)}.theme-toggle:focus-visible{outline:3px solid rgba(37,99,235,.25);outline-offset:2px}.theme-toggle:disabled{cursor:wait;opacity:.7;transform:none}.theme-toggle i{font-size:1rem}.theme-toast{position:fixed;right:24px;bottom:24px;z-index:1090;max-width:min(380px,calc(100vw - 32px));padding:12px 16px;border:1px solid #fecaca;border-radius:12px;background:#fff1f2;color:#9f1239;box-shadow:0 16px 45px rgba(15,31,55,.18);font-size:.8rem;font-weight:700}.theme-toast[hidden]{display:none}
[data-bs-theme="dark"]{color-scheme:dark;--bs-body-color:#e6edf7;--bs-body-bg:#07111f;--bs-secondary-color:#9fb0c7;--bs-tertiary-bg:#132337;--bs-border-color:#2a3d55;--canvas:#07111f;--surface:#0f1d2e;--surface-soft:#132337;--surface-muted:#1a2b40;--text:#e6edf7;--text-strong:#f8fafc;--slate:#9fb0c7;--border:#273a52;--border-soft:#1e3147;--input-bg:#0c1929;--input-border:#334963;--topbar:rgba(10,24,40,.94);--chart-text:#9fb0c7;--chart-grid:#21344b;--chart-border:#0f1d2e;--shadow:0 14px 34px rgba(0,0,0,.24)}
[data-bs-theme="dark"] .sidebar{background:linear-gradient(180deg,#08182b,#050d18)}[data-bs-theme="dark"] .sidebar-mobile{background:#08182b}[data-bs-theme="dark"] .avatar{background:#14324a;color:#7dd3fc}[data-bs-theme="dark"] .eyebrow{color:#91a5bd}[data-bs-theme="dark"] .form-control::placeholder{color:#71849b}[data-bs-theme="dark"] .form-control:focus,[data-bs-theme="dark"] .form-select:focus{background-color:#0c1929;color:var(--text)}[data-bs-theme="dark"] .btn-light{--bs-btn-color:#e6edf7;--bs-btn-bg:#17283d;--bs-btn-border-color:#2b4059;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#203650;--bs-btn-hover-border-color:#3a5572;--bs-btn-active-color:#fff;--bs-btn-active-bg:#29425f;--bs-btn-active-border-color:#45617e}[data-bs-theme="dark"] .btn-dark{--bs-btn-color:#e6edf7;--bs-btn-bg:#1b3048;--bs-btn-border-color:#304a66;--bs-btn-hover-bg:#25415f;--bs-btn-hover-border-color:#3d5d7b}[data-bs-theme="dark"] .metric-card.income .metric-icon{background:#123725;color:#4ade80}[data-bs-theme="dark"] .metric-card.expense .metric-icon{background:#401d29;color:#fb7185}[data-bs-theme="dark"] .metric-card.balance .metric-icon,[data-bs-theme="dark"] .section-number{background:#17345d;color:#93c5fd}[data-bs-theme="dark"] .metric-card small{color:#8093aa}[data-bs-theme="dark"] .type-switch i{background:#182a40}[data-bs-theme="dark"] .type-switch input:checked+span{background:#102b50}[data-bs-theme="dark"] .type-switch input[value=entrada]:checked+span{background:#102d22}[data-bs-theme="dark"] .type-switch input[value=entrada]:checked+span i{background:#16402c}[data-bs-theme="dark"] .type-switch input[value=saida]:checked+span i{background:#47202a}[data-bs-theme="dark"] .category-icon{background:color-mix(in srgb,var(--category-color) 24%,var(--surface))}[data-bs-theme="dark"] .badge-soft{color:#c0ccda}[data-bs-theme="dark"] .badge-soft.income{background:#123725;color:#86efac}[data-bs-theme="dark"] .status-dot{color:#9fb0c7!important}[data-bs-theme="dark"] .status-dot.active:before{box-shadow:0 0 0 3px #123725}[data-bs-theme="dark"] .ranking-list .progress{background:#1a2b40}[data-bs-theme="dark"] .action-criar,[data-bs-theme="dark"] .action-restaurar{background:#123725;color:#86efac}[data-bs-theme="dark"] .action-alterar{background:#17345d;color:#93c5fd}[data-bs-theme="dark"] .action-excluir,[data-bs-theme="dark"] .action-revogar_token{background:#401d29;color:#fda4af}[data-bs-theme="dark"] .token-reveal{background:linear-gradient(135deg,#102d22,#0f2b30);border-color:#225c49}[data-bs-theme="dark"] .token-reveal span{color:#9ccbbd}[data-bs-theme="dark"] .copy-field code{background:#0a1825;border-color:#347b63;color:#86efac}[data-bs-theme="dark"] .theme-toast{background:#401d29;border-color:#7f2d3d;color:#fecdd3}
@media(max-width:575.98px){.topbar-actions{gap:8px}.theme-toggle{width:auto;min-width:108px;min-height:38px;padding:6px 11px;border-radius:999px;background:var(--surface-soft);box-shadow:0 5px 16px rgba(15,31,55,.08)}.theme-toggle span{display:inline!important;font-size:.68rem}.theme-toggle i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#dbeafe;color:#2563eb;font-size:.82rem}[data-bs-theme="dark"] .theme-toggle i{background:#3b3218;color:#fbbf24}.theme-toast{right:16px;bottom:16px}.topbar-user{gap:7px}}
.sidebar-brand img{display:block;height:auto;max-height:52px;object-fit:contain;object-position:left center}.sidebar>.sidebar-brand{width:100%;padding:0 8px 26px}.offcanvas-header .sidebar-brand{width:min(230px,calc(100% - 48px));padding:4px 0}

/* Integracao WhatsApp e IA */
.integration-health{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#fff7ed;color:#b45309;font-size:.72rem;font-weight:800}.integration-health i{font-size:.48rem}.integration-health.ready{background:#dcfce7;color:#15803d}.integration-icon{background:#dcfce7;color:#15803d}.integration-config-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.integration-config-grid>div{min-width:0;padding:12px;background:var(--surface-soft);border-radius:11px}.integration-config-grid small,.integration-config-grid strong{display:block}.integration-config-grid small{color:var(--slate);font-size:.65rem;font-weight:800;text-transform:uppercase}.integration-config-grid strong{margin-top:4px;font-size:.75rem;overflow-wrap:anywhere}.conversation-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--slate);font-size:.72rem}.integration-timeline{display:flex;flex-direction:column;gap:12px}.timeline-message{max-width:78%;padding:13px 15px;border:1px solid var(--border);border-radius:14px 14px 14px 4px;background:var(--surface-soft)}.timeline-message.outgoing{align-self:flex-end;border-radius:14px 14px 4px 14px;background:#eff6ff;border-color:#bfdbfe}.timeline-message>div{display:flex;align-items:center;justify-content:space-between;gap:14px}.timeline-message>.audio-transcription-meta{justify-content:flex-start;gap:7px 14px;margin-top:9px;padding-top:8px;border-top:1px solid var(--border-soft)}.audio-transcription-meta span{white-space:nowrap}.timeline-message strong{font-size:.76rem}.timeline-message small{color:var(--slate);font-size:.62rem}.timeline-message p{margin:8px 0 0;font-size:.8rem;line-height:1.55}.integration-error{margin-top:9px;padding:8px 10px;border-radius:8px;background:#fee2e2;color:#b91c1c;font-size:.68rem}.accordion-item{background:var(--surface);border-color:var(--border)}.accordion-button{background:var(--surface);color:var(--text);font-size:.78rem;font-weight:800}.accordion-button:not(.collapsed){background:var(--surface-soft);color:var(--text)}[data-bs-theme="dark"] .timeline-message.outgoing{background:#102b50;border-color:#28517d}[data-bs-theme="dark"] .integration-health{background:#402a12;color:#fdba74}[data-bs-theme="dark"] .integration-health.ready{background:#123725;color:#86efac}[data-bs-theme="dark"] .integration-icon{background:#123725;color:#86efac}[data-bs-theme="dark"] .integration-error{background:#401d29;color:#fda4af}
@media(max-width:1199.98px){.integration-config-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767.98px){.integration-config-grid{grid-template-columns:1fr 1fr}.timeline-message{max-width:92%}.timeline-message>div{align-items:flex-start;flex-direction:column;gap:2px}}
@media(max-width:575.98px){.integration-config-grid{grid-template-columns:1fr}.integration-health{width:100%;justify-content:center}.timeline-message{max-width:100%}}
@media(max-width:575.98px){.whatsapp-conversations-card.is-empty .table-responsive{overflow:hidden}.whatsapp-conversations-card.is-empty .whatsapp-conversations-table{display:table;width:100%;min-width:0}.whatsapp-conversations-card.is-empty thead{display:none}.whatsapp-conversations-card.is-empty td{display:table-cell;width:100%;padding:16px;white-space:normal}.whatsapp-conversations-card.is-empty .empty-state{width:100%;min-height:210px}.whatsapp-conversations-card.is-empty .empty-state p{max-width:260px;white-space:normal}}
@media(max-width:767.98px){.page-heading{align-items:stretch;flex-direction:column}.page-heading>.btn,.page-heading>a.btn{width:100%}.filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.filter-bar .btn{grid-column:1/-1}.filter-bar .form-control,.filter-bar .form-select{width:100%;min-width:0}}
@media(max-width:575.98px){.page-heading>div.d-flex{flex-direction:column}.page-heading>div.d-flex .btn{width:100%;flex:none}}