/* Base Styles */
body {
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    -webkit-font-smoothing: antialiased;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

/* Animations */
.animate-fade-in {
    animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Badge styles from V1 */
.badge-ba-autorizada {
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
    animation: pulse-glow 2s infinite;
}

.badge-fase {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
}

@keyframes pulse-glow {

    0%,
    100% {
        box-shadow: 0 0 5px rgba(220, 38, 38, 0.5);
    }

    50% {
        box-shadow: 0 0 15px rgba(220, 38, 38, 0.8);
    }
}

@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
@keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } }

/* Copyable behaviors */
.copyable,
.cnj-number,
.cnpj-number,
.processo-info,
#input-numero-processo,
.font-mono {
    user-select: text !important;
    cursor: text;
}

button,
.btn,
label,
.nav-item,
select {
    user-select: none;
}

/* Toast de cópia */
.toast-copiado {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(100px);
    background: #1a2332;
    color: #64ffda;
    padding: 12px 24px;
    border-radius: 8px;
    border: 1px solid #64ffda;
    font-size: 14px;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 9999;
}

.toast-copiado.show {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}

/* Passo 7: Analise Preliminar / Teses */
.tese-item {
    display: grid;
    grid-template-columns: 24px 48px 1fr 32px 72px;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-bottom: 1px solid rgba(51,65,85,0.5);
}
.tese-motivo {
    grid-column: 2 / -1;
    font-size: 11px;
    color: #64748b;
    margin-top: 2px;
}
.tese-forte { border-left: 3px solid #ef4444; }
.tese-provavel { border-left: 3px solid #f97316; }
.tese-verificar { border-left: 3px solid #eab308; }
.tese-possivel { border-left: 3px solid #475569; }
.tese-fraca { border-left: 3px solid #1e293b; opacity: 0.7; }
.tese-score { font-weight: 700; font-size: 14px; text-align: center; }
.tese-status { font-size: 10px; text-align: right; text-transform: uppercase; color: #94a3b8; }
.tese-id { font-size: 11px; font-weight: 600; color: #94a3b8; }
.tese-nome { font-size: 12px; color: #e2e8f0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dados-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; font-size: 12px; padding: 8px 0; color: #cbd5e1; }
.dados-grid b { color: #94a3b8; }
.teses-header { font-weight: 600; padding: 8px 0; border-bottom: 2px solid #334155; margin-bottom: 4px; font-size: 13px; color: #e2e8f0; }
.analise-row-inline { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; }
.analise-row-inline label { font-size: 11px; color: #94a3b8; white-space: nowrap; }
.analise-row-inline select {
    flex: 1; padding: 4px 8px; font-size: 12px;
    background: #1e293b; border: 1px solid #334155; border-radius: 4px; color: #e2e8f0;
}
/* ============================================================
   PIPELINE — Kanban + Lista (M7)
   ============================================================ */

/* Kanban Board */
.kanban-board {
    display: flex; gap: 20px; padding: 20px;
    min-height: calc(100vh - 180px); align-items: flex-start;
    overflow-x: auto;
}
.kanban-column {
    flex: 0 0 320px; background: rgba(15, 23, 42, 0.4);
    border: 1px solid rgba(51, 65, 85, 0.5); border-radius: 16px;
    padding: 16px; min-height: 400px; backdrop-filter: blur(8px);
    transition: all 250ms ease;
}
.kanban-column.drag-over { border-width: 2px; background: rgba(15, 23, 42, 0.7); }
.col-prospectado.drag-over { border-color: #64748b; background: rgba(100,116,139,0.1); }
.col-rascunho.drag-over { border-color: #3b82f6; background: rgba(59,130,246,0.1); }
.col-triagem_feita.drag-over { border-color: #06b6d4; background: rgba(6,182,212,0.1); }
.col-primeiro_contato.drag-over { border-color: #0ea5e9; background: rgba(14,165,233,0.1); }
.col-respondeu.drag-over { border-color: #f59e0b; background: rgba(245,158,11,0.1); }
.col-proposta.drag-over { border-color: #8b5cf6; background: rgba(139,92,246,0.1); }
.col-cliente.drag-over { border-color: #10b981; background: rgba(16,185,129,0.1); }
.column-header { margin-bottom: 16px; padding-bottom: 12px; border-bottom: 2px solid; }
.column-title {
    font-size: 13px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.5px; display: flex; align-items: center; gap: 8px; margin-bottom: 4px;
}
.column-count { font-size: 11px; color: #64748b; font-weight: 500; }
.col-prospectado .column-header { border-color: #64748b; }
.col-prospectado .column-title { color: #94a3b8; }
.col-rascunho .column-header { border-color: #3b82f6; }
.col-rascunho .column-title { color: #3b82f6; }
.col-triagem_feita .column-header { border-color: #06b6d4; }
.col-triagem_feita .column-title { color: #06b6d4; }
.col-primeiro_contato .column-header { border-color: #0ea5e9; }
.col-primeiro_contato .column-title { color: #0ea5e9; }
.col-respondeu .column-header { border-color: #f59e0b; }
.col-respondeu .column-title { color: #f59e0b; }
.col-proposta .column-header { border-color: #8b5cf6; }
.col-proposta .column-title { color: #8b5cf6; }
.col-cliente .column-header { border-color: #10b981; }
.col-cliente .column-title { color: #10b981; }

/* Kanban Card */
.kanban-card {
    background: rgba(15, 23, 42, 0.8); border: 1px solid rgba(51, 65, 85, 0.6);
    border-radius: 12px; padding: 16px; margin-bottom: 12px;
    transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer; position: relative; overflow: hidden;
}
.kanban-card:hover {
    border-color: rgba(71, 85, 105, 0.9); background: rgba(30, 41, 59, 0.5);
    transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}
.kanban-card.dragging { opacity: 0.4; transform: rotate(2deg); cursor: grabbing; }
.card-glow-k {
    position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
    border-radius: 0 4px 4px 0; opacity: 0.8;
}
.k-company-name { font-size: 15px; font-weight: 700; color: #fff; padding-left: 8px; flex: 1; line-height: 1.3; }
.k-wa-photo {
    width: 40px; height: 40px; border-radius: 50%; border: 2px solid #25d366;
    box-shadow: 0 0 8px rgba(37,211,102,0.2); cursor: pointer; transition: all 200ms;
    flex-shrink: 0; object-fit: cover;
}
.k-wa-photo:hover { border-color: #34d399; box-shadow: 0 0 12px rgba(37,211,102,0.4); transform: scale(1.05); }
.cnj-row-k { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; padding-left: 8px; }
.cnj-link-k {
    font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #94a3b8;
    text-decoration: none; transition: color 150ms;
}
.cnj-link-k:hover { color: #22d3ee; }
.copy-btn-k {
    display: inline-flex; align-items: center; justify-content: center;
    color: #64748b; background: transparent; border: none; padding: 2px; cursor: pointer; transition: color 150ms;
}
.copy-btn-k:hover { color: #22d3ee; }
.card-tags-k { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; padding-left: 8px; }
.tag-k { padding: 3px 8px; border-radius: 4px; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.badge-tribunal-k {
    padding: 3px 8px; border-radius: 4px; font-size: 9px; font-weight: 700; text-transform: uppercase;
    background: rgba(34,211,238,0.1); color: #22d3ee; border: 1px solid rgba(34,211,238,0.2); letter-spacing: 0.5px;
}
.card-info-k { padding-left: 8px; margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(51,65,85,0.4); }
.info-row-k { display: flex; align-items: center; justify-content: space-between; font-size: 11px; margin-bottom: 5px; }
.info-label-k { color: #64748b; display: flex; align-items: center; gap: 4px; }
.info-value-k { font-family: 'JetBrains Mono', monospace; font-weight: 600; }
.bem-row-k { display: flex; align-items: center; gap: 6px; padding-left: 8px; margin-top: 8px; margin-bottom: 8px; }
.bem-name-k { font-size: 10px; color: #cbd5e1; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; }
.bem-badge-k { font-size: 9px; color: #64748b; background: rgba(15,23,42,0.6); padding: 1px 6px; border-radius: 3px; font-weight: 600; flex-shrink: 0; }
.decisor-info-k { font-size: 10px; color: #94a3b8; margin-top: 8px; padding-left: 8px; display: flex; align-items: center; gap: 4px; }

/* Lista View */
.lead-card-l {
    transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative; background: rgba(15, 23, 42, 0.4);
    border: 1px solid rgba(30, 41, 59, 0.7); border-radius: 16px; overflow: hidden;
}
.lead-card-l:hover {
    background: rgba(30, 41, 59, 0.3); border-color: rgba(71, 85, 105, 0.6);
    transform: translateY(-2px); box-shadow: 0 10px 30px -10px rgba(0,0,0,0.5);
}
.glow-bar-l {
    position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
    border-radius: 0 4px 4px 0; opacity: 0.6; transition: opacity 200ms;
}
.card-header-subtle-l { background: rgba(30, 41, 59, 0.2); border-bottom: 1px solid rgba(30, 41, 59, 0.5); }
.cnj-display-l {
    font-family: 'JetBrains Mono', monospace; font-size: 14px; font-weight: 600;
    color: #cbd5e1; letter-spacing: -0.2px;
}
.badge-vara-l {
    background: rgba(30, 41, 59, 0.6); color: #94a3b8;
    font-size: 9px; font-weight: 700; text-transform: uppercase;
    padding: 2px 8px; border-radius: 4px; border: 1px solid rgba(71, 85, 105, 0.4);
    letter-spacing: 0.5px;
}
.badge-valor-l {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 4px 12px; border-radius: 6px;
    font-family: 'JetBrains Mono', monospace; font-weight: 600; font-size: 13px;
}
.time-pill-l {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 2px 8px; border-radius: 4px;
    font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 500;
}
.stage-track-l { height: 4px; background: #1e293b; border-radius: 999px; overflow: hidden; }
.stage-fill-l { height: 100%; border-radius: 999px; transition: width 600ms cubic-bezier(0.22, 1, 0.36, 1); }
.stage-pip-l {
    width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%;
    transform: translate(-50%, -50%); border: 2px solid #020617;
    box-shadow: 0 0 8px var(--pip-glow, transparent);
}
.expand-panel-l {
    max-height: 0; overflow: hidden; opacity: 0;
    transition: max-height 400ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms ease;
}
.expand-panel-l.open { max-height: 800px; opacity: 1; padding-top: 16px; padding-bottom: 8px; }
.abuso-pill-l { animation: pulseAbuso-l 3s ease-in-out infinite; border: 1px solid rgba(239, 68, 68, 0.3); }
@keyframes pulseAbuso-l { 0%, 100% { background: rgba(239, 68, 68, 0.1); } 50% { background: rgba(239, 68, 68, 0.25); } }
.flash-copy-l { animation: flashCopy-l 600ms ease; }
@keyframes flashCopy-l { 0% { color: #64748b; } 30% { color: #22d3ee; } 100% { color: #64748b; } }
.decisor-name-l { color: #fcd34d; font-weight: 500; font-size: 12px; }

/* ═══════════════════════════════════════════════
   TELA DO LEAD v6 — CSS (namespaced #view-lead-detail)
   ═══════════════════════════════════════════════ */
#view-lead-detail .ld-mono{font-family:'JetBrains Mono',monospace}

/* Scrollbar */
#view-lead-detail .ld-cscroll::-webkit-scrollbar{width:5px;height:5px}
#view-lead-detail .ld-cscroll::-webkit-scrollbar-track{background:#0f172a}
#view-lead-detail .ld-cscroll::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}
#view-lead-detail .ld-cscroll::-webkit-scrollbar-thumb:hover{background:#475569}

/* Main Grid */
#view-lead-detail .ld-main-grid{display:flex;height:100%;overflow:hidden;position:relative}
#view-lead-detail .ld-main-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}

/* Sidebar Leads */
#view-lead-detail .ld-sidebar-leads{width:220px;background:#0f172a;border-right:1px solid #1e293b;display:flex;flex-direction:column;flex-shrink:0;z-index:20;transition:width .2s}
#view-lead-detail .ld-sidebar-leads.collapsed{width:48px}
#view-lead-detail .ld-sidebar-leads.collapsed .sb-hide{display:none!important}
#view-lead-detail .ld-sidebar-leads.collapsed .sb-show{display:flex!important}
#view-lead-detail .sb-show{display:none!important}
#view-lead-detail .sb-header{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #1e293b}
#view-lead-detail .sb-search{padding:8px;border-bottom:1px solid #1e293b}
#view-lead-detail .sb-search input{width:100%;background:#020617;border:1px solid #334155;border-radius:4px;padding:6px 8px;font-size:11px;color:#fff;outline:none}
#view-lead-detail .sb-search input:focus{border-color:#06b6d4}
#view-lead-detail .sb-filters{display:flex;gap:4px;padding:8px;border-bottom:1px solid #1e293b}
#view-lead-detail .sb-filter-btn{padding:2px 8px;font-size:10px;border-radius:4px;border:none;cursor:pointer;font-weight:600}
#view-lead-detail .sb-filter-btn.active{background:#0891b2;color:#fff}
#view-lead-detail .sb-filter-btn:not(.active){background:#1e293b;color:#94a3b8}
#view-lead-detail .sb-estagio-btn{padding:2px 6px;font-size:9px;border-radius:4px;border:none;cursor:pointer;font-weight:600;white-space:nowrap}
#view-lead-detail .sb-estagio-btn.active{background:#059669;color:#fff}
#view-lead-detail .sb-estagio-btn:not(.active){background:#1e293b;color:#94a3b8}
#view-lead-detail .sb-estagio-btn[data-estagio="descartado"]:not(.active){color:#f87171}
#view-lead-detail .sb-lead-item{padding:8px 10px;cursor:pointer;border-bottom:1px solid #1e293b;transition:background .15s}
#view-lead-detail .sb-lead-item:hover{background:rgba(51,65,85,.3)}
#view-lead-detail .sb-lead-item.sb-active{background:rgba(6,182,212,.08);border-left:2px solid #06b6d4}
#view-lead-detail .ld-lead-list{flex:1;overflow-y:auto}
#view-lead-detail .ld-lead-item{padding:10px 12px;border-bottom:1px solid #1e293b;cursor:pointer;border-left:2px solid transparent;transition:all .15s}
#view-lead-detail .ld-lead-item:hover{background:rgba(30,41,59,.5);border-left-color:rgba(6,182,212,.4)}
#view-lead-detail .ld-lead-item.active{background:#1e293b;border-left-color:#22d3ee}
#view-lead-detail .ld-lead-item .name{font-size:11px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
#view-lead-detail .ld-lead-item .cnj{font-size:10px;color:#22d3ee;font-family:'JetBrains Mono',monospace}
#view-lead-detail .ld-lead-item .tags{display:flex;gap:4px;margin-top:4px}
#view-lead-detail .ld-lead-tag{font-size:9px;padding:1px 5px;border-radius:3px;background:#334155;color:#cbd5e1;font-weight:600}
#view-lead-detail .ld-lead-avatar{width:32px;height:32px;border-radius:50%;background:#334155;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#22d3ee}

/* Top Bar + Badges */
#view-lead-detail .ld-top-bar{height:44px;background:rgba(15,23,42,.9);backdrop-filter:blur(8px);border-bottom:1px solid #1e293b;padding:0 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:sticky;top:0;z-index:30}
#view-lead-detail .ld-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;display:inline-flex;align-items:center;gap:4px}
#view-lead-detail .ld-badge-ba{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;animation:ldPulseGlow 2s infinite}
@keyframes ldPulseGlow{0%,100%{box-shadow:0 0 5px rgba(220,38,38,.5)}50%{box-shadow:0 0 15px rgba(220,38,38,.8)}}
#view-lead-detail .ld-badge-amber{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}
#view-lead-detail .ld-badge-emerald{background:rgba(16,185,129,.1);color:#34d399;border:1px solid rgba(16,185,129,.2)}
#view-lead-detail .ld-badge-red{background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.2)}
#view-lead-detail .ld-badge-blue{background:rgba(59,130,246,.1);color:#60a5fa;border:1px solid rgba(59,130,246,.2)}
#view-lead-detail .ld-badge-orange{background:rgba(249,115,22,.1);color:#fb923c;border:1px solid rgba(249,115,22,.2)}
#view-lead-detail .ld-badge-slate{background:#334155;color:#cbd5e1}
#view-lead-detail .ld-badge-cyan{background:rgba(6,182,212,.1);color:#22d3ee;border:1px solid rgba(6,182,212,.2)}

/* Stepper */
#view-lead-detail .ld-stepper{display:flex;align-items:center;gap:2px}
#view-lead-detail .ld-step{display:flex;flex-direction:column;align-items:center;cursor:pointer}
#view-lead-detail .ld-step-dot{width:10px;height:10px;border-radius:50%;transition:all .2s}
#view-lead-detail .ld-step-dot.done{background:#10b981}
#view-lead-detail .ld-step-dot.active{background:#22d3ee;box-shadow:0 0 8px rgba(6,182,212,.6);width:12px;height:12px}
#view-lead-detail .ld-step-dot.future{background:#475569}
#view-lead-detail .ld-step-label{font-size:7px;font-weight:700;margin-top:2px;text-transform:uppercase}
#view-lead-detail .ld-step-line{width:20px;height:2px;margin-bottom:12px}
#view-lead-detail .ld-step-line.done{background:#10b981}
#view-lead-detail .ld-step-line.future{background:#334155}

/* Hero */
#view-lead-detail .ld-hero-card{margin:12px 16px 4px;background:rgba(15,23,42,.5);border:1px solid #1e293b;border-radius:8px;padding:12px}
#view-lead-detail .ld-hero-flex{display:flex;align-items:flex-start;gap:16px}
#view-lead-detail .ld-gauge-ring{stroke-dasharray:251.2;stroke-linecap:round;transition:stroke-dashoffset .8s ease}
#view-lead-detail .ld-hero-title{font-size:15px;font-weight:700;color:#fbbf24;text-transform:uppercase;line-height:1.2}
#view-lead-detail .ld-hero-meta{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}
#view-lead-detail .ld-hero-metric{display:flex;align-items:center;gap:4px}
#view-lead-detail .ld-hero-metric .label{font-size:10px;color:#64748b}
#view-lead-detail .ld-hero-metric .value{font-size:13px;font-weight:700}
#view-lead-detail .ld-hero-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}

/* Tricolor */
#view-lead-detail .ld-tricolor{display:flex;height:8px;border-radius:4px;overflow:hidden}
#view-lead-detail .ld-tricolor .paid{background:#10b981}
#view-lead-detail .ld-tricolor .overdue{background:#ef4444}
#view-lead-detail .ld-tricolor .upcoming{background:#334155}

/* Tabs */
#view-lead-detail .ld-tabs-bar{padding:4px 16px 0;flex-shrink:0}
#view-lead-detail .ld-tabs-row{display:flex;border-bottom:1px solid #1e293b;gap:2px}
#view-lead-detail .ld-tab-btn{padding:8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;color:#94a3b8;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .15s;white-space:nowrap}
#view-lead-detail .ld-tab-btn:hover{color:#cbd5e1}
#view-lead-detail .ld-tab-btn.active{border-bottom-color:#06b6d4;color:#22d3ee}
#view-lead-detail .ld-tab-panel{display:none;padding:12px 0}
#view-lead-detail .ld-tab-panel.active{display:block}
#view-lead-detail .ld-tab-scroll{flex:1;overflow-y:auto;padding:0 16px 72px}

/* Cards */
#view-lead-detail .ld-card{background:rgba(15,23,42,.5);border:1px solid #1e293b;border-radius:8px;padding:12px;margin-bottom:12px}
#view-lead-detail .ld-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #1e293b}
#view-lead-detail .ld-card-title{font-size:10px;color:#64748b;text-transform:uppercase;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:6px}
#view-lead-detail .ld-field-label{font-size:10px;color:#64748b;text-transform:uppercase;font-weight:700;margin-bottom:4px}
#view-lead-detail .ld-field-input{width:100%;background:#1e293b;border:1px solid #334155;border-radius:4px;padding:6px 8px;font-size:13px;color:#fff;outline:none;font-family:'Inter',sans-serif}
#view-lead-detail .ld-field-input:focus{border-color:#06b6d4}
#view-lead-detail .ld-field-input.sm{font-size:11px}
#view-lead-detail .ld-field-input[readonly]{color:#cbd5e1}

/* Grids */
#view-lead-detail .ld-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#view-lead-detail .ld-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
#view-lead-detail .ld-grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px}

/* Movimentação */
#view-lead-detail .ld-mov-item{padding:8px;border-radius:4px;border-left:2px solid #475569;border:1px solid #1e293b;background:rgba(30,41,59,.5);position:relative}
#view-lead-detail .ld-mov-item.new{border-left:3px solid #f97316;background:rgba(30,41,59,.8)}
#view-lead-detail .ld-mov-new-badge{position:absolute;right:0;top:0;background:#f97316;color:#fff;font-size:8px;font-weight:700;padding:1px 4px;border-radius:0 4px 0 4px}
#view-lead-detail .ld-mov-date{font-size:10px;color:#94a3b8;font-family:'JetBrains Mono',monospace}
#view-lead-detail .ld-mov-text{font-size:12px;color:#cbd5e1;margin-top:4px;line-height:1.4}

/* Tese / Abusividade */
#view-lead-detail .ld-tese-score-ring{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;font-family:'JetBrains Mono',monospace;flex-shrink:0}
#view-lead-detail .ld-tese-score-ring.high{background:rgba(16,185,129,.12);color:#34d399;border:2px solid rgba(16,185,129,.3)}
#view-lead-detail .ld-tese-score-ring.mid{background:rgba(6,182,212,.12);color:#22d3ee;border:2px solid rgba(6,182,212,.3)}
#view-lead-detail .ld-tese-score-ring.low{background:rgba(100,116,139,.12);color:#94a3b8;border:2px solid rgba(100,116,139,.3)}
#view-lead-detail .ld-abus-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:4px;background:rgba(30,41,59,.4)}
#view-lead-detail .ld-sev-grave{background:rgba(220,38,38,.12);color:#f87171;border:1px solid rgba(220,38,38,.2)}
#view-lead-detail .ld-sev-media{background:rgba(249,115,22,.12);color:#fb923c;border:1px solid rgba(249,115,22,.2)}
#view-lead-detail .ld-sev-leve{background:rgba(234,179,8,.12);color:#fbbf24;border:1px solid rgba(234,179,8,.2)}

/* Activity Timeline */
#view-lead-detail .ld-activity-line{border-left:2px solid #1e293b;margin-left:8px;padding-left:12px}
#view-lead-detail .ld-activity-item{position:relative;padding-bottom:12px}
#view-lead-detail .ld-activity-item:last-child{padding-bottom:0}
#view-lead-detail .ld-activity-dot{position:absolute;left:-18px;top:4px;width:8px;height:8px;border-radius:50%;border:2px solid #0f172a}
#view-lead-detail .ld-activity-dot.blue{background:#3b82f6}
#view-lead-detail .ld-activity-dot.green{background:#10b981}
#view-lead-detail .ld-activity-dot.amber{background:#f59e0b}
#view-lead-detail .ld-activity-dot.red{background:#ef4444}
#view-lead-detail .ld-activity-dot.slate{background:#475569}
#view-lead-detail .ld-activity-dot.cyan{background:#06b6d4}
#view-lead-detail .ld-activity-time{font-size:9px;color:#64748b;font-weight:600}
#view-lead-detail .ld-activity-text{font-size:11px;color:#cbd5e1;margin-top:1px}
#view-lead-detail .ld-activity-user{font-size:9px;color:#475569;margin-top:1px}

/* Right Sidebar */
#view-lead-detail .ld-right-sidebar{width:300px;background:#0f172a;border-left:1px solid #1e293b;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;z-index:10}
#view-lead-detail .ld-right-scroll{flex:1;overflow-y:auto;padding:12px}
#view-lead-detail .ld-right-section{margin-bottom:16px}
#view-lead-detail .ld-right-title{font-size:10px;color:#64748b;text-transform:uppercase;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:6px}

/* Sticky Footer */
#view-lead-detail .ld-sticky-footer{height:48px;background:#0f172a;border-top:1px solid #1e293b;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:absolute;bottom:0;width:100%;box-shadow:0 -5px 20px rgba(0,0,0,.5);z-index:40}

/* Buttons */
#view-lead-detail .ld-btn{padding:6px 16px;border-radius:4px;font-size:11px;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}
#view-lead-detail .ld-btn-primary{background:#059669;color:#fff}
#view-lead-detail .ld-btn-primary:hover{background:#10b981}
#view-lead-detail .ld-btn-secondary{background:#334155;color:#fff}
#view-lead-detail .ld-btn-secondary:hover{background:#475569}
#view-lead-detail .ld-btn-danger{background:transparent;color:#ef4444;font-weight:700}
#view-lead-detail .ld-btn-danger:hover{color:#f87171}
#view-lead-detail .ld-btn-ghost{background:rgba(6,182,212,.1);color:#22d3ee;border:1px solid rgba(6,182,212,.2)}
#view-lead-detail .ld-btn-ghost:hover{background:rgba(6,182,212,.2)}
#view-lead-detail .ld-btn-wa{background:#059669;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;border:none;cursor:pointer}
#view-lead-detail .ld-icon-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex}
#view-lead-detail .ld-icon-btn:hover{color:#fff}

/* Chat */
#view-lead-detail .ld-chat-box{background:#020617;border:1px solid #1e293b;border-radius:6px;display:flex;flex-direction:column;height:160px}
#view-lead-detail .ld-chat-messages{flex:1;overflow-y:auto;padding:8px}
#view-lead-detail .ld-chat-input-row{border-top:1px solid #1e293b;padding:6px;display:flex;gap:4px}
#view-lead-detail .ld-chat-input{flex:1;background:#0f172a;border:1px solid #334155;border-radius:4px;padding:4px 8px;font-size:11px;color:#fff;outline:none;font-family:'Inter',sans-serif}
#view-lead-detail .ld-chat-send{padding:4px 8px;background:#059669;border:none;border-radius:4px;color:#fff;cursor:pointer}

/* Table mini */
#view-lead-detail .ld-table-mini{width:100%;font-size:11px}
#view-lead-detail .ld-table-mini td{padding:4px 8px;border-bottom:1px solid #1e293b}
#view-lead-detail .ld-table-mini tr:nth-child(odd){background:rgba(15,23,42,.5)}

/* Mobile Overlay */
#view-lead-detail .ld-mobile-overlay{position:absolute;top:0;right:0;width:420px;height:100%;background:#0f172a;border-left:1px solid #1e293b;z-index:50;transform:translateX(100%);transition:transform .3s ease;overflow-y:auto}
#view-lead-detail .ld-mobile-overlay.open{transform:translateX(0)}
#view-lead-detail .ld-mobile-header{padding:12px 16px;border-bottom:1px solid #1e293b;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#0f172a;z-index:2}
#view-lead-detail .ld-mob-tab{background:transparent;border:1px solid #334155;color:#94a3b8;font-size:9px;padding:2px 6px;border-radius:3px;cursor:pointer;font-weight:700;font-family:inherit}
#view-lead-detail .ld-mob-tab.active{background:#0ea5e9;color:#fff;border-color:#0ea5e9}

/* Utilities */
#view-lead-detail .ld-flex{display:flex}
#view-lead-detail .ld-items-center{align-items:center}
#view-lead-detail .ld-justify-between{justify-content:space-between}
#view-lead-detail .ld-gap-1{gap:4px}
#view-lead-detail .ld-gap-2{gap:8px}
#view-lead-detail .ld-gap-3{gap:12px}
#view-lead-detail .ld-gap-4{gap:16px}
#view-lead-detail .ld-flex-1{flex:1}
#view-lead-detail .ld-shrink-0{flex-shrink:0}
#view-lead-detail .ld-text-xs{font-size:11px}
#view-lead-detail .ld-text-sm{font-size:13px}
#view-lead-detail .ld-text-lg{font-size:15px}
#view-lead-detail .ld-text-xl{font-size:18px}
#view-lead-detail .ld-text-2xl{font-size:24px}
#view-lead-detail .ld-font-bold{font-weight:700}
#view-lead-detail .ld-text-white{color:#fff}
#view-lead-detail .ld-text-cyan{color:#22d3ee}
#view-lead-detail .ld-text-emerald{color:#34d399}
#view-lead-detail .ld-text-amber{color:#fbbf24}
#view-lead-detail .ld-text-red{color:#f87171}
#view-lead-detail .ld-text-orange{color:#fb923c}
#view-lead-detail .ld-text-blue{color:#60a5fa}
#view-lead-detail .ld-text-muted{color:#64748b}
#view-lead-detail .ld-text-right{text-align:right}
#view-lead-detail .ld-text-center{text-align:center}
#view-lead-detail .ld-uppercase{text-transform:uppercase}
#view-lead-detail .ld-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view-lead-detail .ld-mt-1{margin-top:4px}
#view-lead-detail .ld-mt-2{margin-top:8px}
#view-lead-detail .ld-mt-3{margin-top:12px}
#view-lead-detail .ld-mb-1{margin-bottom:4px}
#view-lead-detail .ld-mb-2{margin-bottom:8px}
#view-lead-detail .ld-mb-3{margin-bottom:12px}
#view-lead-detail .ld-p-2{padding:8px}
#view-lead-detail .ld-p-3{padding:12px}
#view-lead-detail .ld-rounded{border-radius:4px}
#view-lead-detail .ld-w-full{width:100%}
#view-lead-detail .ld-flex-wrap{flex-wrap:wrap}
#view-lead-detail .ld-col-span-2{grid-column:span 2}

/* Analise Sections */
#view-lead-detail .ld-an-engine{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(6,182,212,.03);border:1px solid rgba(6,182,212,.1);border-radius:6px;margin-bottom:12px}
#view-lead-detail .ld-an-engine-label{font-size:9px;color:#22d3ee;text-transform:uppercase;font-weight:700;letter-spacing:.8px}
#view-lead-detail .ld-an-engine-stats{display:flex;gap:12px;font-size:10px;color:#94a3b8}
#view-lead-detail .ld-an-engine-stats strong{color:#22d3ee;font-family:'JetBrains Mono',monospace}
#view-lead-detail .ld-an-section{margin-bottom:16px}
#view-lead-detail .ld-an-section-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #1e293b}
#view-lead-detail .ld-an-section-icon{font-size:14px}
#view-lead-detail .ld-an-section-title{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;color:#94a3b8}
#view-lead-detail .ld-an-section-badge{margin-left:auto}

/* KPI Row */
#view-lead-detail .ld-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
#view-lead-detail .ld-kpi-box{background:rgba(15,23,42,.5);border:1px solid #1e293b;border-radius:6px;padding:10px;text-align:center}
#view-lead-detail .ld-kpi-value{font-size:20px;font-weight:700;font-family:'JetBrains Mono',monospace;line-height:1.2}
#view-lead-detail .ld-kpi-label{font-size:9px;color:#64748b;text-transform:uppercase;font-weight:600;margin-top:2px}
#view-lead-detail .ld-kpi-sub{font-size:9px;color:#475569;margin-top:1px}

/* Frequency Bars */
#view-lead-detail .ld-freq-bar-row{display:flex;align-items:center;gap:8px;padding:4px 0}
#view-lead-detail .ld-freq-label{font-size:10px;color:#cbd5e1;width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}
#view-lead-detail .ld-freq-track{flex:1;height:8px;background:#1e293b;border-radius:4px;overflow:hidden;position:relative}
#view-lead-detail .ld-freq-fill{height:100%;border-radius:4px;transition:width .6s ease}
#view-lead-detail .ld-freq-pct{font-size:10px;font-weight:700;font-family:'JetBrains Mono',monospace;width:36px;text-align:right;flex-shrink:0}

/* Heatmap mini */
#view-lead-detail .ld-heatmap-row{display:flex;gap:4px;align-items:center}
#view-lead-detail .ld-heatmap-cell{border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:'JetBrains Mono',monospace;padding:6px 12px}
#view-lead-detail .ld-heatmap-cell.grave{background:rgba(220,38,38,.15);color:#f87171;border:1px solid rgba(220,38,38,.2)}
#view-lead-detail .ld-heatmap-cell.media{background:rgba(249,115,22,.12);color:#fb923c;border:1px solid rgba(249,115,22,.2)}
#view-lead-detail .ld-heatmap-cell.leve{background:rgba(234,179,8,.1);color:#fbbf24;border:1px solid rgba(234,179,8,.2)}

/* Expandable item */
#view-lead-detail .ld-an-expand{background:rgba(15,23,42,.5);border:1px solid #1e293b;border-radius:6px;margin-bottom:6px;overflow:hidden}
#view-lead-detail .ld-an-expand summary{padding:10px 12px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}
#view-lead-detail .ld-an-expand summary::-webkit-details-marker{display:none}
#view-lead-detail .ld-an-expand summary::before{content:'';display:inline-block;width:0;height:0;border-left:5px solid #64748b;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .2s;flex-shrink:0}
#view-lead-detail .ld-an-expand[open] summary::before{transform:rotate(90deg)}
#view-lead-detail .ld-an-expand-body{padding:0 12px 12px;border-top:1px solid #1e293b}
#view-lead-detail .ld-fund-tag{display:inline-block;padding:2px 6px;border-radius:3px;font-size:9px;font-weight:600;font-family:'JetBrains Mono',monospace;background:rgba(59,130,246,.08);color:#60a5fa;border:1px solid rgba(59,130,246,.15);margin:2px}
#view-lead-detail .ld-juris-tag{display:inline-block;padding:2px 6px;border-radius:3px;font-size:9px;font-weight:600;background:rgba(16,185,129,.08);color:#34d399;border:1px solid rgba(16,185,129,.15);margin:2px}

/* Cronologia Processual */
#view-lead-detail .ld-crono-bar{position:relative;height:10px;background:#1e293b;border-radius:5px;overflow:visible}
#view-lead-detail .ld-crono-fill{height:100%;border-radius:5px;transition:width .6s ease}
#view-lead-detail .ld-crono-marker{position:absolute;top:-3px;width:2px;height:16px;background:#64748b}
#view-lead-detail .ld-crono-marker::after{content:attr(data-label);position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-size:8px;color:#64748b;white-space:nowrap;font-weight:600}
#view-lead-detail .ld-crono-stat{text-align:center;padding:6px;background:rgba(15,23,42,.5);border:1px solid #1e293b;border-radius:4px}
#view-lead-detail .ld-crono-stat .val{font-size:16px;font-weight:700;font-family:'JetBrains Mono',monospace}
#view-lead-detail .ld-crono-stat .lbl{font-size:8px;color:#64748b;text-transform:uppercase;font-weight:600;margin-top:1px}
#view-lead-detail .ld-crono-marker{position:absolute;top:-3px;width:14px;height:14px;border-radius:50%;background:#0891b2;border:2px solid #020617;transform:translateX(-50%)}
#view-lead-detail .ld-crono-marker::after{content:attr(data-label);position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:9px;color:#94a3b8;white-space:nowrap;font-family:'JetBrains Mono',monospace}

/* Clausula literal */
#view-lead-detail .ld-clausula-block{background:rgba(2,6,23,.6);border:1px solid #334155;border-left:3px solid #0891b2;border-radius:0 4px 4px 0;padding:8px 10px;margin:6px 0;font-size:10px;color:#cbd5e1;font-style:italic;line-height:1.5}
#view-lead-detail .ld-clausula-ref{font-size:8px;color:#06b6d4;font-style:normal;font-weight:700;text-transform:uppercase;margin-bottom:4px;display:block}

/* Audit table */
#view-lead-detail .ld-audit-table{width:100%;border-collapse:collapse;font-size:10px}
#view-lead-detail .ld-audit-table th{text-align:left;padding:6px 8px;font-size:9px;color:#64748b;text-transform:uppercase;font-weight:700;border-bottom:1px solid #334155;letter-spacing:.3px}
#view-lead-detail .ld-audit-table td{padding:5px 8px;border-bottom:1px solid rgba(51,65,85,.3)}
#view-lead-detail .ld-audit-table tr:hover{background:rgba(30,41,59,.3)}
#view-lead-detail .ld-audit-table .num{text-align:right;font-family:'JetBrains Mono',monospace;font-weight:600}
#view-lead-detail .ld-audit-table .diff-pos{color:#f87171}
#view-lead-detail .ld-audit-table .diff-neg{color:#34d399}
#view-lead-detail .ld-audit-table .diff-zero{color:#64748b}
#view-lead-detail .ld-audit-table tfoot td{border-top:2px solid #334155;font-weight:700}

/* ROI / Viabilidade */
#view-lead-detail .ld-roi-bar{display:flex;align-items:center;gap:8px;padding:6px 0}
#view-lead-detail .ld-roi-factor{font-size:10px;color:#cbd5e1;width:140px;flex-shrink:0}
#view-lead-detail .ld-roi-track{flex:1;height:6px;background:#1e293b;border-radius:3px;overflow:hidden}
#view-lead-detail .ld-roi-fill{height:100%;border-radius:3px}
#view-lead-detail .ld-roi-pts{font-size:10px;font-weight:700;font-family:'JetBrains Mono',monospace;width:28px;text-align:right;flex-shrink:0}

/* Collapsed list */
#view-lead-detail .ld-an-collapsed-list{padding:4px 0}
#view-lead-detail .ld-an-collapsed-item{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border-radius:4px;background:rgba(30,41,59,.3);margin-bottom:3px}

/* ===== ABA PLANEJAMENTO ===== */
@keyframes ldPlanP{0%,100%{box-shadow:0 0 0 0 rgba(37,99,235,.4)}50%{box-shadow:0 0 0 8px rgba(37,99,235,0)}}
#view-lead-detail .ld-plan-macro{display:flex;align-items:flex-start;position:relative;padding:12px 0 4px}
#view-lead-detail .ld-plan-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2}
#view-lead-detail .ld-plan-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}
#view-lead-detail .ld-plan-dot.done{background:#059669;color:#fff}
#view-lead-detail .ld-plan-dot.active{background:#2563eb;color:#fff;animation:ldPlanP 2s infinite}
#view-lead-detail .ld-plan-dot.pending{background:#1e293b;color:#64748b;border:1px solid #334155}
#view-lead-detail .ld-plan-dot.pending.click{cursor:pointer;transition:all .15s}
#view-lead-detail .ld-plan-dot.pending.click:hover{border-color:#06b6d4;color:#22d3ee}
#view-lead-detail .ld-plan-label{margin-top:6px;font-size:10px;font-weight:600;color:#94a3b8}
#view-lead-detail .ld-plan-label .st{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;margin-bottom:1px}
#view-lead-detail .ld-plan-line-bg{position:absolute;top:16px;left:8%;right:8%;height:1px;background:#334155;z-index:1}
#view-lead-detail .ld-plan-line-fill{position:absolute;top:16px;left:8%;height:1px;background:linear-gradient(90deg,#10b981,#3b82f6);z-index:1;width:42%}
#view-lead-detail .ld-plan-detail{max-height:0;overflow:hidden;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}
#view-lead-detail .ld-plan-detail.open{max-height:1000px;opacity:1;margin-top:10px}
#view-lead-detail .ld-plan-item{display:flex;gap:10px;padding:6px 0;position:relative}
#view-lead-detail .ld-plan-item-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0;z-index:2}
#view-lead-detail .ld-plan-item-dot.std{background:#475569}
#view-lead-detail .ld-plan-item-dot.hi{background:#06b6d4;box-shadow:0 0 6px rgba(6,182,212,.4)}
#view-lead-detail .ld-plan-item-dot.urg{background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,.3)}
#view-lead-detail .ld-plan-item-dot.cont{background:#334155;border:1px solid #475569}
#view-lead-detail .ld-plan-item-body{flex:1;display:flex;justify-content:space-between;align-items:flex-start;gap:6px;border-bottom:1px solid rgba(30,41,59,.4);padding-bottom:6px}
#view-lead-detail .ld-plan-item:last-child .ld-plan-item-body{border-bottom:none}
#view-lead-detail .ld-plan-act{font-size:11px;font-weight:600;color:#cbd5e1}
#view-lead-detail .ld-plan-act.hi{color:#fff;font-weight:700}
#view-lead-detail .ld-plan-act.urg{color:#f87171;font-weight:700}
#view-lead-detail .ld-plan-role{padding:1px 7px;border-radius:3px;font-size:8px;font-weight:800;text-transform:uppercase;white-space:nowrap;flex-shrink:0}
#view-lead-detail .ld-plan-role.perito{background:rgba(245,158,11,.08);color:#fbbf24;border:1px solid rgba(245,158,11,.15)}
#view-lead-detail .ld-plan-role.gestor{background:rgba(59,130,246,.08);color:#60a5fa;border:1px solid rgba(59,130,246,.15)}
#view-lead-detail .ld-plan-role.operacional{background:rgba(139,92,246,.08);color:#a78bfa;border:1px solid rgba(139,92,246,.15)}
#view-lead-detail .ld-plan-role.equipe{background:rgba(6,182,212,.08);color:#22d3ee;border:1px solid rgba(6,182,212,.15)}

/* Gauge compact */
#view-lead-detail .ld-gauge-compact{display:flex;flex-direction:column;align-items:center;gap:2px}

/* M7c: Tesoura SVG animation */
@keyframes ld-draw-line { from { stroke-dashoffset: 600; } to { stroke-dashoffset: 0; } }
.ld-tesoura-line { stroke-dasharray: 600; stroke-dashoffset: 600; animation: ld-draw-line 1.8s ease-out forwards; }
.ld-tesoura-line.delay { animation-delay: 0.3s; }
@keyframes ld-fade-in { from { opacity: 0; } to { opacity: 1; } }
.ld-fade-in { animation: ld-fade-in 0.5s ease-out forwards; opacity: 0; }
.ld-fade-in.d1 { animation-delay: 1.0s; }
.ld-fade-in.d2 { animation-delay: 1.5s; }
.ld-fade-in.d3 { animation-delay: 2.0s; }

/* ═══════════════════════════════════════════════
   ABA SITE — CSS (namespaced #view-site)
   Ref: MOCKUP_ABA_SITE_v3.html
   ═══════════════════════════════════════════════ */

/* Layout 3 painéis */
#view-site .st-main-grid{display:flex;height:100%;overflow:hidden;position:relative}
#view-site .st-sidebar{width:220px;background:#0f172a;border-right:1px solid #1e293b;display:flex;flex-direction:column;flex-shrink:0;z-index:20;transition:width .2s}
#view-site .st-sidebar.collapsed{width:48px}
#view-site .st-sidebar.collapsed .sb-hide{display:none!important}
#view-site .st-sidebar.collapsed .sb-show{display:flex!important}
#view-site .sb-show{display:none!important}
#view-site .st-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative}
#view-site .st-right{width:280px;background:#0f172a;border-left:1px solid #1e293b;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}

/* Sidebar header, search, filters */
#view-site .st-sb-header{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #1e293b}
#view-site .st-sb-search{padding:8px;border-bottom:1px solid #1e293b}
#view-site .st-sb-search input{width:100%;background:#020617;border:1px solid #334155;border-radius:4px;padding:6px 8px;font-size:11px;color:#fff;outline:none}
#view-site .st-sb-search input:focus{border-color:#06b6d4}
#view-site .st-sb-filters{display:flex;gap:4px;padding:8px;border-bottom:1px solid #1e293b}
#view-site .st-sb-filter{padding:2px 8px;font-size:10px;border-radius:4px;border:none;cursor:pointer;font-weight:600;background:#1e293b;color:#94a3b8}
#view-site .st-sb-filter.active{background:#0891b2;color:#fff}
#view-site .st-sb-stats{padding:10px 12px;border-top:1px solid #1e293b;font-size:10px;color:#64748b}

/* Lead items */
#view-site .st-lead-list{flex:1;overflow-y:auto}
#view-site .st-lead-item{padding:10px 12px;border-bottom:1px solid #1e293b;cursor:pointer;border-left:2px solid transparent;transition:all .15s}
#view-site .st-lead-item:hover{background:rgba(30,41,59,.5);border-left-color:rgba(6,182,212,.4)}
#view-site .st-lead-item.active{background:#1e293b;border-left-color:#22d3ee}
#view-site .st-lead-item .name{font-size:11px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}
#view-site .st-lead-item .cnj{font-size:10px;color:#22d3ee;font-family:'JetBrains Mono',monospace}
#view-site .st-lead-item .tags{display:flex;gap:4px;margin-top:4px}
#view-site .st-lead-tag{font-size:9px;padding:1px 5px;border-radius:3px;background:#334155;color:#cbd5e1;font-weight:600}
#view-site .st-lead-avatar{width:32px;height:32px;border-radius:50%;background:#334155;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#22d3ee}
#view-site .st-site-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
#view-site .st-site-dot.live{background:#10b981}
#view-site .st-site-dot.draft{background:#f59e0b}
#view-site .st-site-dot.error{background:#ef4444}
#view-site .st-site-dot.incpl{background:#475569;border:1px solid #64748b}

/* Top bar */
#view-site .st-topbar{height:50px;background:rgba(15,23,42,.9);backdrop-filter:blur(8px);border-bottom:1px solid #1e293b;padding:0 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:30}
#view-site .st-progress-track{width:120px;height:6px;background:#1e293b;border-radius:3px;overflow:hidden}
#view-site .st-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:3px}

/* Content scroll */
#view-site .st-scroll{flex:1;overflow-y:auto;padding:12px 16px 80px}
#view-site .st-cscroll::-webkit-scrollbar{width:5px}
#view-site .st-cscroll::-webkit-scrollbar-track{background:#0f172a}
#view-site .st-cscroll::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}

/* Section group + Editor card + Preview card */
#view-site .st-section{margin-bottom:16px}
#view-site .st-editor{background:rgba(15,23,42,.5);border:1px solid #1e293b;border-radius:8px 8px 0 0;overflow:hidden}
#view-site .st-editor.standalone{border-radius:8px}
#view-site .st-editor.collapsed .st-card-body{display:none}
#view-site .st-editor.collapsed{border-radius:8px}
#view-site .st-editor.collapsed+.st-preview{display:none}
#view-site .st-card-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;user-select:none}
#view-site .st-card-head:hover{background:rgba(30,41,59,.3)}
#view-site .st-card-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#view-site .st-card-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#cbd5e1}
#view-site .st-card-body{padding:0 14px 14px}
#view-site .st-card-toggle{color:#64748b;transition:transform .2s}
#view-site .st-editor.collapsed .st-card-toggle{transform:rotate(-90deg)}

/* Card status badges */
#view-site .st-card-status{padding:2px 8px;border-radius:4px;font-size:9px;font-weight:700;display:flex;align-items:center;gap:4px}
#view-site .st-ok{background:rgba(16,185,129,.1);color:#34d399;border:1px solid rgba(16,185,129,.2)}
#view-site .st-auto{background:rgba(6,182,212,.1);color:#22d3ee;border:1px solid rgba(6,182,212,.2)}
#view-site .st-warn{background:rgba(245,158,11,.1);color:#fbbf24;border:1px solid rgba(245,158,11,.2)}
#view-site .st-err{background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.2)}

/* Preview card */
#view-site .st-preview{border:1px solid #1e293b;border-top:1px dashed rgba(6,182,212,.2);border-radius:0 0 8px 8px;overflow:hidden;position:relative}
#view-site .st-preview-label{position:absolute;top:6px;right:8px;font-size:8px;text-transform:uppercase;font-weight:700;color:#06b6d4;background:rgba(2,6,23,.8);padding:2px 8px;border-radius:3px;z-index:5;letter-spacing:.5px;display:flex;align-items:center;gap:4px}
#view-site .st-preview-inner{overflow:hidden;font-family:'Inter',sans-serif}

/* Field rows */
#view-site .st-field-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}
#view-site .st-field-lbl{font-size:10px;color:#64748b;font-weight:700;text-transform:uppercase;width:110px;flex-shrink:0}
#view-site .st-field-input{background:#1e293b;border:1px solid #334155;border-radius:4px;padding:4px 8px;font-size:12px;color:#fff;outline:none;flex:1;min-width:0}
#view-site .st-field-input:focus{border-color:#06b6d4}

/* Badges */
#view-site .st-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;display:inline-flex;align-items:center;gap:4px}
#view-site .st-badge-ba{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;animation:pulseGlow 2s infinite}
#view-site .st-badge-amber{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}
#view-site .st-badge-emerald{background:rgba(16,185,129,.1);color:#34d399;border:1px solid rgba(16,185,129,.2)}
#view-site .st-badge-red{background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.2)}
#view-site .st-badge-cyan{background:rgba(6,182,212,.1);color:#22d3ee;border:1px solid rgba(6,182,212,.2)}
#view-site .st-badge-slate{background:#334155;color:#cbd5e1}
#view-site .st-badge-rose{background:rgba(244,63,94,.1);color:#fb7185;border:1px solid rgba(244,63,94,.2)}

/* Buttons */
#view-site .st-btn{padding:6px 14px;border-radius:4px;font-size:11px;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}
#view-site .st-btn-primary{background:#059669;color:#fff}
#view-site .st-btn-primary:hover{background:#10b981}
#view-site .st-btn-secondary{background:#334155;color:#fff}
#view-site .st-btn-secondary:hover{background:#475569}
#view-site .st-btn-ghost{background:rgba(6,182,212,.1);color:#22d3ee;border:1px solid rgba(6,182,212,.2)}
#view-site .st-btn-ghost:hover{background:rgba(6,182,212,.2)}
#view-site .st-btn-wa{background:#059669;color:#fff}
#view-site .st-btn-sm{padding:4px 10px;font-size:10px}
#view-site .st-icon-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex}
#view-site .st-icon-btn:hover{color:#fff}

/* Editable input fields */
#view-site .st-field-input{font-size:10px;color:#22d3ee;flex:1;background:rgba(15,23,42,.6);border:1px solid rgba(51,65,85,.5);border-radius:4px;padding:3px 6px;outline:none;font-family:inherit;width:100%;box-sizing:border-box}
#view-site .st-field-input:focus{border-color:#22d3ee;box-shadow:0 0 0 1px rgba(34,211,238,.2)}
#view-site .st-field-input.st-mono{font-family:'JetBrains Mono',monospace}
#view-site .st-hero-save-btn{font-size:9px;color:#0f172a;background:#22d3ee;border:none;border-radius:4px;padding:4px 12px;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .15s}
#view-site .st-hero-save-btn:hover{background:#06b6d4}
#view-site .st-hero-save-btn:disabled{opacity:.4;cursor:not-allowed}

/* Right sidebar */
#view-site .st-right-scroll{flex:1;overflow-y:auto;padding:12px}
#view-site .st-right-section{margin-bottom:16px}
#view-site .st-right-title{font-size:10px;color:#64748b;text-transform:uppercase;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:6px;letter-spacing:.5px}
#view-site .st-right-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:11px}
#view-site .st-right-row .rl{color:#94a3b8;display:flex;align-items:center;gap:6px}
#view-site .st-right-row .rv{color:#fff;font-weight:600;font-family:'JetBrains Mono',monospace;font-size:12px}
#view-site .st-metric-bar{margin-bottom:6px}
#view-site .st-metric-bar-head{display:flex;justify-content:space-between;font-size:10px;margin-bottom:2px}
#view-site .st-metric-bar-head .mn{color:#94a3b8}
#view-site .st-metric-bar-head .mv{color:#22d3ee;font-weight:700;font-family:'JetBrains Mono',monospace}
#view-site .st-metric-bar-track{height:4px;background:#1e293b;border-radius:2px;overflow:hidden}
#view-site .st-metric-bar-fill{height:100%;background:#06b6d4;border-radius:2px}
#view-site .st-vital-row{display:flex;align-items:center;justify-content:space-between;padding:3px 0;font-size:11px}
#view-site .st-vital-ok{color:#34d399}
#view-site .st-deploy-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:10px;color:#94a3b8}
#view-site .st-act-item{display:flex;gap:8px;padding:5px 0;border-bottom:1px solid rgba(30,41,59,.3);font-size:10px}
#view-site .st-act-dot{width:6px;height:6px;border-radius:50%;margin-top:4px;flex-shrink:0}
#view-site .st-act-time{color:#475569;font-family:'JetBrains Mono',monospace;font-size:9px}
#view-site .st-act-text{color:#94a3b8}

/* Sticky footer */
#view-site .st-footer{height:52px;background:#0f172a;border-top:1px solid #1e293b;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -5px 20px rgba(0,0,0,.5);z-index:40}

/* Mono */
#view-site .st-mono{font-family:'JetBrains Mono',monospace}

/* ── Pipeline Filters ─────────────────────────────── */
.pipe-filter-label {
    font-size: 10px;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    white-space: nowrap;
}

.pipe-filter-select {
    background: #1e293b;
    color: #cbd5e1;
    font-size: 11px;
    font-weight: 500;
    border: 1px solid #334155;
    border-radius: 8px;
    padding: 6px 28px 6px 10px;
    outline: none;
    cursor: pointer;
    min-width: 120px;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    transition: border-color 0.15s ease;
}

.pipe-filter-select:hover {
    border-color: #475569;
}

.pipe-filter-select:focus {
    border-color: rgba(6, 182, 212, 0.5);
    box-shadow: 0 0 0 2px rgba(6, 182, 212, 0.1);
}

.pipe-filter-select option {
    background: #1e293b;
    color: #cbd5e1;
}

.pipe-filter-date {
    background: #1e293b;
    color: #cbd5e1;
    font-size: 11px;
    font-weight: 500;
    border: 1px solid #334155;
    border-radius: 8px;
    padding: 6px 10px;
    outline: none;
    cursor: pointer;
    width: 130px;
    transition: border-color 0.15s ease;
    color-scheme: dark;
}

.pipe-filter-date:hover {
    border-color: #475569;
}

.pipe-filter-date:focus {
    border-color: rgba(6, 182, 212, 0.5);
    box-shadow: 0 0 0 2px rgba(6, 182, 212, 0.1);
}

.pipe-filter-sep {
    width: 1px;
    height: 24px;
    background: #1e293b;
    flex-shrink: 0;
}