*{box-sizing:border-box}
:root{--bg:#07111f;--panel:#0e1b2d;--panel2:#101f33;--border:#223653;--text:#eef4ff;--muted:#9fb0c8;--blue:#2f73ff;--green:#22c55e;--red:#ff5d67;--yellow:#facc15;--purple:#a855f7;--orange:#ff7849}
body{margin:0;padding:16px;background:radial-gradient(circle at top right,#10243a 0,#07111f 38%,#050b14 100%);color:var(--text);font-family:Inter,Arial,sans-serif}button,select,input{font-family:inherit}.top-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;margin-bottom:18px;border-radius:24px;background:linear-gradient(135deg,rgba(10,18,40,.98),rgba(3,8,25,.98));border:1px solid rgba(59,130,246,.18);box-shadow:0 12px 40px rgba(0,0,0,.35)}.brand-area{display:flex;flex-direction:column;gap:8px;min-width:360px}.brand-title{display:flex;align-items:center;gap:14px}.brand-icon{font-size:28px;opacity:.9}.brand-title h1{margin:0;font-size:22px;line-height:1;font-weight:850;letter-spacing:-.4px}.brand-title p{margin:9px 0 0;color:var(--muted);font-size:12px}.brand-area small{color:#7d8da6;font-size:11px;margin-left:42px}.top-actions{display:flex;align-items:center;gap:10px}.auto-refresh-card{width:190px;min-width:190px;padding:10px 14px;border-radius:18px;background:linear-gradient(180deg,rgba(20,30,50,.95),rgba(10,15,30,.95));border:1px solid rgba(59,130,246,.28);display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.refresh-top{display:flex;justify-content:space-between;align-items:center}.refresh-top span{font-size:10px;font-weight:800;letter-spacing:.08em;color:#94a3b8}.refresh-top strong{display:block;margin-top:3px;font-size:16px;color:#22c55e}.refresh-top b{width:58px;height:48px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(37,99,235,.08));border:1px solid rgba(59,130,246,.35);font-size:18px;color:#f8fafc}.refresh-progress{height:5px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.refresh-progress>div{height:100%;width:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:999px;transition:width 1s linear}.auto-refresh-card small{font-size:10px;color:#93c5fd}.action-btn{min-width:120px;height:58px;padding:10px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(51,65,85,.95),rgba(30,41,59,.95));color:#f8fafc;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.18s}.action-btn:first-letter{font-size:22px}.action-btn:hover{transform:translateY(-1px);border-color:rgba(59,130,246,.45);background:linear-gradient(180deg,rgba(59,130,246,.18),rgba(37,99,235,.12))}.action-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none}.panel-card{background:linear-gradient(145deg,rgba(15,29,48,.96),rgba(8,18,32,.96));border:1px solid rgba(80,112,154,.28);box-shadow:0 16px 42px rgba(0,0,0,.24);border-radius:14px;padding:18px}.overview-grid{display:grid;grid-template-columns:330px 450px 1fr;gap:14px;margin-bottom:14px}.middle-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.section-title h2{margin:0;font-size:15px;letter-spacing:.01em}.section-title span{color:#8ab4ff}.section-title.split{justify-content:space-between}.section-title.split>div{display:flex;align-items:center;gap:10px}.section-title em{font-style:normal;background:rgba(59,130,246,.18);border:1px solid rgba(96,165,250,.28);padding:7px 10px;border-radius:8px;font-size:12px}.divider{height:1px;background:rgba(148,163,184,.18);margin:6px 0 14px}.info-list{display:flex;flex-direction:column;gap:14px}.info-list div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-list span,.cpu-metrics span,.queue-box span{color:var(--muted);font-size:13px}.info-list strong{font-size:13px;font-weight:650}.cpu-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;margin:4px 0 18px}.cpu-metrics>div{padding:0 22px;border-right:1px solid rgba(148,163,184,.17)}.cpu-metrics>div:first-child{padding-left:40px}.cpu-metrics>div:last-child{border-right:none}.cpu-metrics strong{display:block;font-size:26px;margin:8px 0 6px;color:#3b82f6}.cpu-metrics small{color:#b7c4d7;font-size:12px}.danger{color:#ff7849!important}.success{color:#22c55e!important}.cpu-bar{height:8px;border-radius:999px;background:rgba(34,197,94,.25);overflow:hidden}.cpu-bar>div{height:100%;width:0;background:linear-gradient(90deg,#ff7849,#fb7185);border-radius:999px}.cpu-note{margin:12px 0 0;color:var(--muted);font-size:13px}.cpu-note b{color:#3b82f6}.queue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.queue-box{background:linear-gradient(145deg,rgba(20,36,58,.9),rgba(12,23,40,.9));border:1px solid rgba(96,125,167,.25);border-radius:10px;min-height:116px;padding:18px 16px}.queue-box strong{display:block;font-size:29px;margin:11px 0 8px}.queue-box small{color:#b7c4d7;font-size:12px}.queue-box.blue strong,.queue-box.blue span{color:#3b82f6}.queue-box.yellow strong,.queue-box.yellow span{color:#facc15}.queue-box.green strong,.queue-box.green span{color:#22c55e}.queue-box.red strong,.queue-box.red span{color:#ff5d67}.flow-steps{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr;align-items:center;gap:12px}.flow-steps>b{text-align:center;color:#c6d4e8;font-size:22px}.step-box{height:98px;border-radius:10px;border:1px solid rgba(96,125,167,.28);background:rgba(10,22,38,.58);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}.step-box span{font-size:13px}.step-box i{font-style:normal;color:#7aa7ff;font-size:22px}.step-box strong{font-size:22px;color:#3b82f6}.success-card{display:flex;align-items:center;justify-content:center;gap:32px}.donut{width:136px;height:136px;border-radius:50%;background:conic-gradient(#22c55e 0 0%,#3b82f6 0 0%,#ff5d67 0 0%,rgba(148,163,184,.14) 0);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.donut:after{content:"";position:absolute;inset:14px;background:#0e1b2d;border-radius:50%}.donut span,.donut small{position:relative;z-index:1}.donut span{font-size:28px;font-weight:850}.donut small{color:#cbd5e1;margin-top:4px}.legend-list{min-width:260px;border-left:1px solid rgba(148,163,184,.14);padding-left:28px;display:flex;flex-direction:column;gap:24px}.legend-list div{display:flex;align-items:center;justify-content:space-between;gap:20px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.dot.green{background:#22c55e}.dot.red{background:#ff5d67}.dot.blue{background:#3b82f6}.compact-filters{padding:12px;margin-bottom:14px}.filter-row{display:grid;grid-template-columns:130px 120px 130px 1fr 145px 145px 86px 78px;gap:10px}.filter-row input,.filter-row select,.history-tools select{background:#071322;color:var(--text);border:1px solid rgba(96,125,167,.28);border-radius:10px;padding:10px;outline:none}.small-btn{border:1px solid rgba(96,125,167,.28);border-radius:10px;background:#1f2f46;color:#e2e8f0;font-weight:800;cursor:pointer}.small-btn.primary{background:#2563eb;color:#fff}.history-card{padding:20px}.history-head{justify-content:space-between}.history-head>div{display:flex;align-items:center;gap:10px}.history-tools{display:flex!important;align-items:center;gap:12px}.history-tools span{color:var(--muted);font-size:12px}.table-wrap{overflow-x:auto;border:1px solid rgba(96,125,167,.22);border-radius:10px}table{width:100%;border-collapse:collapse;min-width:1180px}th,td{padding:13px 12px;border-bottom:1px solid rgba(96,125,167,.16);font-size:13px;text-align:left}th{font-size:12px;color:#d9e4f5;background:rgba(8,17,31,.72);font-weight:800}tr:hover td{background:rgba(255,255,255,.025)}.mono{font-family:Consolas,monospace;font-size:12px;color:#dbeafe}.badge{display:inline-flex;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:800}.badge.concluido{background:rgba(34,197,94,.18);color:#4ade80}.badge.erro{background:rgba(255,93,103,.18);color:#ff7782}.badge.rodando{background:rgba(250,204,21,.16);color:#fde047}.badge.pendente{background:rgba(59,130,246,.18);color:#60a5fa}.stage-pill{font-size:12px}.ogg-link{color:#3182ff;text-decoration:none}.icon-btn,.btn-log,.btn-json,.btn-erro,.btn-reprocessar{height:32px;min-width:38px;border-radius:8px;border:1px solid rgba(96,125,167,.28);background:#101f33;color:#e5eefb;font-weight:800;cursor:pointer;margin:2px}.btn-reprocessar{color:#93c5fd}.btn-erro{color:#ff9ca3}.pagination-bar{display:flex;justify-content:space-between;align-items:center;margin-top:16px;color:#cbd5e1;font-size:13px}.pagination-actions{display:flex;align-items:center;gap:10px}.pagination-actions button{width:38px;height:38px;border-radius:8px;border:1px solid rgba(96,125,167,.25);background:#0b1728;color:#e5eefb;cursor:pointer}.pagination-actions button:disabled{opacity:.35;cursor:not-allowed}.empty{color:var(--muted);text-align:center;padding:24px}.toast{position:fixed;right:22px;bottom:22px;background:#16a34a;color:#fff;padding:12px 16px;border-radius:12px;font-weight:800;box-shadow:0 18px 40px rgba(0,0,0,.35);transform:translateY(120px);opacity:0;transition:.2s;z-index:10000}.toast.ativo{transform:translateY(0);opacity:1}.modal{display:none;position:fixed;inset:0;background:rgba(3,8,20,.88);z-index:9999;padding:24px}.modal.ativo{display:flex;align-items:center;justify-content:center}.modal-box{width:94%;max-width:1300px;max-height:92vh;background:#071322;border:1px solid rgba(96,125,167,.28);border-radius:18px;padding:18px;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0}.modal-header p{color:var(--muted)}.modal-header button,.modal-toolbar button{background:#1f2f46;color:#fff;border:1px solid rgba(96,125,167,.28);border-radius:8px;padding:8px 12px;cursor:pointer}.modal-resumo{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:12px 0}.modal-pill{background:#0d1b2e;border:1px solid rgba(96,125,167,.2);border-radius:10px;padding:10px}.modal-pill span{display:block;color:var(--muted);font-size:12px}.modal-pill strong{display:block;margin-top:4px;word-break:break-word}.modal-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}#modalConteudo{background:#050c16;color:#e5eefb;border-radius:10px;padding:14px;overflow:auto;white-space:pre-wrap;line-height:1.45;flex:1}@media(max-width:1250px){.overview-grid,.middle-grid{grid-template-columns:1fr}.filter-row{grid-template-columns:repeat(2,1fr)}.top-header{align-items:flex-start;flex-direction:column}.top-actions{flex-wrap:wrap}.queue-grid{grid-template-columns:repeat(2,1fr)}}


.clickable-card {
    cursor: pointer;
    transition: .18s;
}
.clickable-card:hover {
    transform: translateY(-2px);
    border-color: rgba(250,204,21,.55);
    box-shadow: 0 18px 44px rgba(250,204,21,.08);
}
.processando-modal-box {
    max-width: 1180px;
}
.processando-toolbar {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 8px 0 14px;
}
.processando-toolbar button {
    background: #1f2f46;
    color: #fff;
    border: 1px solid rgba(96,125,167,.28);
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer;
    font-weight: 800;
}
.processando-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: auto;
    padding-right: 4px;
}
.processando-empty {
    border: 1px dashed rgba(148,163,184,.32);
    border-radius: 14px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--muted);
}
.processando-empty strong {
    color: var(--text);
}
.processando-item {
    background: linear-gradient(145deg, rgba(20,36,58,.96), rgba(8,18,32,.96));
    border: 1px solid rgba(96,125,167,.28);
    border-radius: 14px;
    padding: 14px;
}
.processando-item-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}
.processando-item-head strong {
    display: block;
    font-size: 15px;
}
.processando-item-head span {
    display: block;
    margin-top: 5px;
    color: #facc15;
    font-size: 12px;
    font-weight: 800;
}
.processando-item-head button {
    background: rgba(59,130,246,.18);
    color: #bfdbfe;
    border: 1px solid rgba(96,165,250,.28);
    border-radius: 8px;
    padding: 8px 10px;
    cursor: pointer;
    font-weight: 800;
}
.processando-progress {
    height: 7px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    overflow: hidden;
    margin-bottom: 12px;
}
.processando-progress > div {
    height: 100%;
    background: linear-gradient(90deg, #facc15, #3b82f6);
    border-radius: 999px;
}
.processando-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.processando-grid div {
    background: rgba(7,19,34,.72);
    border: 1px solid rgba(96,125,167,.18);
    border-radius: 10px;
    padding: 10px;
    min-width: 0;
}
.processando-grid span {
    display: block;
    color: var(--muted);
    font-size: 11px;
    margin-bottom: 5px;
}
.processando-grid strong {
    display: block;
    font-size: 12px;
    word-break: break-word;
}
@media(max-width:900px){
    .processando-grid {
        grid-template-columns: 1fr;
    }
}

.processando-grid .span-2{grid-column:span 2}
@media(max-width:900px){.processando-grid .span-2{grid-column:span 1}}

.btn-json{color:#93c5fd}


/* Logs visuais separados por etapa */
.logs-visual{overflow:auto;flex:1;padding-right:4px}.logs-help{display:flex;flex-direction:column;gap:6px;background:linear-gradient(145deg,rgba(37,99,235,.16),rgba(15,23,42,.72));border:1px solid rgba(96,165,250,.22);border-radius:14px;padding:12px 14px;margin-bottom:12px}.logs-help strong{font-size:14px}.logs-help span{color:var(--muted);font-size:12px}.logs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:14px}.log-card{display:flex;flex-direction:column;gap:7px;min-height:112px;text-decoration:none;color:var(--text);border:1px solid rgba(96,125,167,.24);border-radius:14px;padding:12px;background:rgba(7,19,34,.72);position:relative;transition:.18s}.log-card:hover{transform:translateY(-1px);border-color:rgba(96,165,250,.55);background:rgba(15,29,48,.92)}.log-card strong{font-size:13px}.log-card span{font-size:11px;color:var(--muted);line-height:1.35;padding-right:42px}.log-card b{position:absolute;right:12px;bottom:12px;min-width:36px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.18);color:#bfdbfe}.log-card.erro b{background:rgba(255,93,103,.18);color:#ff9ca3}.log-card.ok b{background:rgba(34,197,94,.14);color:#86efac}.log-card.vazio{opacity:.72}.logs-sections{display:flex;flex-direction:column;gap:10px}.log-section{border:1px solid rgba(96,125,167,.25);border-radius:14px;background:rgba(8,18,32,.86);overflow:hidden}.log-section[open]{border-color:rgba(96,165,250,.38)}.log-section-error[open]{border-color:rgba(255,93,103,.42)}.log-section>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;font-weight:850;background:rgba(15,29,48,.9)}.log-section>summary::-webkit-details-marker{display:none}.log-section>summary span{font-size:14px}.log-section>summary b{min-width:34px;height:28px;border-radius:9px;background:rgba(59,130,246,.18);display:flex;align-items:center;justify-content:center;color:#bfdbfe}.log-section-desc{padding:10px 14px;color:var(--muted);font-size:12px;border-top:1px solid rgba(96,125,167,.16)}.log-kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;padding:14px}.log-kv{border:1px solid rgba(96,125,167,.16);background:rgba(7,19,34,.72);border-radius:10px;padding:10px;min-width:0}.log-kv span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.log-kv strong{display:block;font-size:12px;word-break:break-word}.log-items{display:flex;flex-direction:column;gap:8px;padding:12px}.log-item{border:1px solid rgba(96,125,167,.16);border-radius:12px;background:#071322;overflow:hidden}.log-item[open]{border-color:rgba(96,165,250,.28)}.log-item-error{border-color:rgba(255,93,103,.34)}.log-item>summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:48px 150px auto 1fr;gap:10px;align-items:center;padding:10px 12px}.log-item>summary::-webkit-details-marker{display:none}.log-num{font-family:Consolas,monospace;color:#93c5fd;font-size:12px}.log-item summary strong{font-size:12px;color:#e5eefb}.log-item summary em{font-style:normal;color:#facc15;font-size:11px}.log-item summary small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-path{padding:0 12px 8px;color:#93c5fd;word-break:break-all}.log-item pre{margin:0;background:#050c16;border-top:1px solid rgba(96,125,167,.16);padding:12px;max-height:360px;overflow:auto;white-space:pre-wrap}.log-empty{color:var(--muted);padding:14px}.modal-toolbar button{display:inline-flex;align-items:center;gap:6px}@media(max-width:900px){.log-item>summary{grid-template-columns:44px 1fr}.log-item summary small,.log-item summary em{grid-column:2}.logs-cards{grid-template-columns:1fr}}


/* Visão visual de fila e processos */
.fila-processos-card{margin-bottom:14px}
.fila-tabs{display:flex;gap:10px;margin:4px 0 14px;flex-wrap:wrap}
.fila-tabs button{border:1px solid rgba(96,125,167,.28);background:#0b1728;color:#dbeafe;border-radius:10px;padding:9px 13px;font-weight:800;cursor:pointer}
.fila-tabs button.ativo{background:#2563eb;color:#fff;border-color:#3b82f6}
.fila-resumo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.fila-resumo-grid>div{background:linear-gradient(145deg,rgba(20,36,58,.95),rgba(8,18,32,.95));border:1px solid rgba(96,125,167,.25);border-radius:12px;padding:14px;min-height:92px}
.fila-resumo-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}
.fila-resumo-grid strong{display:block;font-size:20px;word-break:break-word;color:#eaf2ff}
.fila-resumo-grid small{display:block;color:#8ea2bd;font-size:11px;margin-top:7px}
.fila-processos-list{display:flex;flex-direction:column;gap:14px}
.fila-bloco{border:1px solid rgba(96,125,167,.22);border-radius:14px;background:rgba(7,19,34,.55);padding:14px}
.fila-bloco.processando{border-color:rgba(250,204,21,.28)}
.fila-bloco.pendentes{border-color:rgba(59,130,246,.25)}
.fila-bloco-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.fila-bloco-head h3{margin:0;font-size:15px}
.fila-bloco-head p{margin:5px 0 0;color:var(--muted);font-size:12px}
.fila-bloco-head>strong{min-width:44px;height:36px;border-radius:12px;background:rgba(59,130,246,.18);display:flex;align-items:center;justify-content:center;color:#dbeafe}
.fila-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:12px}
.fila-card-item{background:linear-gradient(145deg,rgba(20,36,58,.96),rgba(8,18,32,.98));border:1px solid rgba(96,125,167,.26);border-radius:14px;padding:14px}
.fila-card-item.processando{box-shadow:inset 3px 0 0 rgba(250,204,21,.85)}
.fila-card-item.pendentes{box-shadow:inset 3px 0 0 rgba(59,130,246,.85)}
.fila-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.fila-card-top strong{font-size:14px;color:#fff}
.fila-card-top span{display:block;color:#facc15;font-size:12px;margin-top:4px}
.fila-card-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.fila-card-actions button{border:1px solid rgba(96,125,167,.3);background:#101f33;color:#e5eefb;border-radius:8px;padding:7px 9px;font-size:12px;font-weight:800;cursor:pointer}
.fila-card-actions button:hover{background:#1d4ed8;border-color:#3b82f6}
.fila-progress{height:7px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin:10px 0 12px}
.fila-progress>div{height:100%;background:linear-gradient(90deg,#2563eb,#facc15);border-radius:999px;transition:width .2s}
.fila-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fila-card-grid>div{background:rgba(4,12,24,.62);border:1px solid rgba(96,125,167,.14);border-radius:10px;padding:10px;min-width:0}
.fila-card-grid span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}
.fila-card-grid b{display:block;color:#e5eefb;font-size:12px;word-break:break-word;font-weight:700}
.fila-card-grid .span-2{grid-column:span 2}
.fila-vazio{border:1px dashed rgba(148,163,184,.28);border-radius:12px;padding:18px;color:var(--muted);display:flex;flex-direction:column;gap:6px}
.fila-vazio strong{color:var(--text)}
@media(max-width:900px){.fila-resumo-grid{grid-template-columns:1fr 1fr}.fila-cards{grid-template-columns:1fr}.fila-card-grid{grid-template-columns:1fr}.fila-card-grid .span-2{grid-column:span 1}}


/* Paginação selecionável da fila/processos */
.fila-bloco-head-paginado{align-items:center}
.fila-bloco-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.fila-bloco-actions>strong{min-width:44px;height:36px;border-radius:12px;background:rgba(59,130,246,.18);display:flex;align-items:center;justify-content:center;color:#dbeafe}
.fila-bloco-actions label{display:flex;align-items:center;gap:8px;background:rgba(7,19,34,.72);border:1px solid rgba(96,125,167,.24);border-radius:10px;padding:7px 8px}
.fila-bloco-actions label span{color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}
.fila-bloco-actions select{background:#071322;color:var(--text);border:1px solid rgba(96,125,167,.35);border-radius:8px;padding:6px 8px;outline:none;font-weight:800}
.fila-paginacao-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 12px;color:#cbd5e1;font-size:12px;flex-wrap:wrap}
.fila-paginacao-top>div{display:flex;align-items:center;gap:8px}
.fila-paginacao-top button{width:34px;height:32px;border-radius:8px;border:1px solid rgba(96,125,167,.28);background:#101f33;color:#e5eefb;font-weight:900;cursor:pointer}
.fila-paginacao-top button:disabled{opacity:.35;cursor:not-allowed}
.fila-paginacao-top b{font-size:12px;color:#e5eefb}
@media(max-width:900px){.fila-bloco-actions{justify-content:flex-start}.fila-paginacao-top{align-items:flex-start;flex-direction:column}}

/* Busca na fila/processos */
.fila-tabs-com-busca{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fila-tabs-botoes{display:flex;gap:8px;flex-wrap:wrap}
.fila-busca-box{display:flex;gap:8px;align-items:center;flex:1;min-width:320px;justify-content:flex-end}
.fila-busca-box input{width:min(620px,100%);background:#071322;color:var(--text);border:1px solid rgba(96,125,167,.32);border-radius:10px;padding:10px 12px;outline:none}
.fila-busca-box input:focus,.modal-busca:focus{border-color:rgba(59,130,246,.85);box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.fila-busca-box button{border:1px solid rgba(96,125,167,.28);border-radius:10px;background:#1f2f46;color:#e2e8f0;font-weight:800;cursor:pointer;padding:10px 12px}

/* Busca dentro dos modais */
.modal-toolbar{align-items:center}
.modal-busca{flex:1;min-width:280px;background:#050c16;color:var(--text);border:1px solid rgba(96,125,167,.32);border-radius:8px;padding:9px 11px;outline:none}
.webm-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:12px;margin-bottom:12px}
.webm-summary-grid>div{border:1px solid rgba(96,125,167,.24);border-radius:12px;padding:14px;background:#0d1b2e}
.webm-summary-grid span{display:block;color:var(--muted);font-size:12px}.webm-summary-grid strong{display:block;font-size:28px;margin:6px 0}.webm-summary-grid .ok strong{color:#22c55e}.webm-summary-grid .erro strong{color:#ff5d67}.webm-row summary{display:flex;gap:10px;align-items:center;cursor:pointer}.webm-row summary strong{flex:1}.webm-row.ok{border-left:3px solid #22c55e}.webm-row.erro{border-left:3px solid #ff5d67}
@media(max-width:900px){.fila-busca-box{justify-content:flex-start}.fila-tabs-com-busca{align-items:stretch}.fila-busca-box{min-width:100%}.modal-busca{min-width:100%}}


/* ===== Pipeline real em tempo real ===== */
.pipeline-grid{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(320px,.8fr);gap:14px;margin-bottom:14px}.pipeline-card{overflow:hidden}.pipeline-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pipeline-tools span{color:var(--muted);font-size:12px}.pipeline-flow-real{display:grid;grid-template-columns:repeat(19,auto);align-items:stretch;gap:8px;overflow-x:auto;padding:4px 2px 12px}.pipeline-flow-real>b{display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:18px;min-width:16px}.pipeline-step{min-width:145px;border:1px solid rgba(96,125,167,.26);border-radius:14px;background:rgba(7,19,34,.78);padding:12px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:.18s;position:relative;overflow:hidden}.pipeline-step:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.55);background:rgba(15,29,48,.95)}.pipeline-step.ativo{box-shadow:0 0 0 1px rgba(250,204,21,.25),0 16px 35px rgba(0,0,0,.22)}.pipeline-step.ativo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:pipePulse 1.5s infinite}.pipeline-step i{font-style:normal;font-size:20px}.pipeline-step span{font-size:12px;font-weight:850;color:#e5eefb}.pipeline-step strong{font-size:26px;line-height:1}.pipeline-step small{color:var(--muted);font-size:11px;line-height:1.25;min-height:28px}.pipeline-step.blue strong,.pipeline-step.blue i{color:#60a5fa}.pipeline-step.yellow strong,.pipeline-step.yellow i{color:#facc15}.pipeline-step.green strong,.pipeline-step.green i{color:#4ade80}.pipeline-step.purple strong,.pipeline-step.purple i{color:#c084fc}.pipeline-step.orange strong,.pipeline-step.orange i{color:#fb923c}.pipe-bar{height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:auto}.pipe-bar>div{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#22c55e);transition:width .35s ease}.pipeline-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.pipeline-detail-card{border:1px solid rgba(96,125,167,.22);border-radius:12px;background:rgba(8,18,32,.72);padding:12px;min-width:0}.pipeline-detail-card span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.pipeline-detail-card strong{display:block;font-size:14px;word-break:break-word}.pipeline-detail-card small{display:block;color:#93a4bb;font-size:11px;margin-top:6px}@keyframes pipePulse{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media(max-width:1250px){.pipeline-grid{grid-template-columns:1fr}.pipeline-detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.pipeline-detail-grid{grid-template-columns:1fr}.pipeline-flow-real{grid-template-columns:1fr}.pipeline-flow-real>b{transform:rotate(90deg)}}


/* PIPELINE SIMPLES */
.pipeline-grid.simples{display:block;margin-bottom:14px}
.pipeline-flow-simples{grid-template-columns:repeat(11,auto);gap:10px;padding-top:6px}
.pipeline-flow-simples .pipeline-step{min-width:150px;text-align:center;align-items:center}
.pipeline-flow-simples .pipeline-step small{min-height:auto}
.pipeline-resumo-simples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.pipeline-resumo-simples>div{border:1px solid rgba(96,125,167,.22);border-radius:12px;background:rgba(8,18,32,.72);padding:12px}
.pipeline-resumo-simples span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}
.pipeline-resumo-simples strong{display:block;font-size:14px;word-break:break-word}
@media(max-width:900px){.pipeline-resumo-simples{grid-template-columns:1fr}.pipeline-flow-simples{grid-template-columns:1fr}.pipeline-flow-simples>b{transform:rotate(90deg);padding:4px}}

/* Reprocessamento */
.queue-grid{grid-template-columns:repeat(6,1fr)}
.queue-box.purple strong,.queue-box.purple span{color:#c084fc}
.queue-box.cyan strong,.queue-box.cyan span{color:#7dd3fc}
.badge.reprocessado{background:rgba(168,85,247,.18);color:#d8b4fe}.badge.reprocessado_api{background:rgba(14,165,233,.18);color:#7dd3fc}
.fila-card-item.reprocessamento{box-shadow:inset 3px 0 0 rgba(168,85,247,.9)}
.reprocess-tag{display:inline-flex;margin-top:7px;padding:4px 8px;border-radius:8px;background:rgba(168,85,247,.16);color:#d8b4fe;font-style:normal;font-size:11px;font-weight:850}
.filter-row{grid-template-columns:150px 120px 130px 1fr 145px 145px 86px 78px}
@media(max-width:1250px){.queue-grid{grid-template-columns:repeat(2,1fr)}.filter-row{grid-template-columns:repeat(2,1fr)}}

/* Modal de credenciais do reprocessamento */
.reprocess-auth-box{max-width:560px}
.reprocess-auth-form{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.reprocess-target{border:1px solid rgba(168,85,247,.28);background:rgba(168,85,247,.12);border-radius:12px;padding:12px}
.reprocess-target span,.reprocess-auth-form label>span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px;font-weight:800}
.reprocess-target strong{display:block;color:#f5f3ff;font-size:15px;word-break:break-word}
.reprocess-auth-form input[type="text"],.reprocess-auth-form input[type="password"]{width:100%;background:#050c16;color:var(--text);border:1px solid rgba(96,125,167,.32);border-radius:10px;padding:11px 12px;outline:none;font-size:14px}
.reprocess-auth-form input[type="text"]:focus,.reprocess-auth-form input[type="password"]:focus{border-color:rgba(168,85,247,.85);box-shadow:0 0 0 3px rgba(168,85,247,.12)}
.password-row{display:grid;grid-template-columns:1fr 92px;gap:8px}
.password-row button{border:1px solid rgba(96,125,167,.28);border-radius:10px;background:#101f33;color:#e5eefb;font-weight:800;cursor:pointer}
.remember-row{display:flex;align-items:center;gap:10px;border:1px solid rgba(96,125,167,.18);background:rgba(7,19,34,.62);border-radius:10px;padding:11px 12px}
.remember-row input{width:17px;height:17px;accent-color:#8b5cf6}
.remember-row span{margin:0!important;color:#dbeafe!important;font-size:13px!important}
.reprocess-auth-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
.reprocess-auth-actions>div{display:flex;gap:8px;justify-content:flex-end}
.reprocess-auth-actions button{min-height:38px;padding:9px 13px}
.reprocess-auth-actions button:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:620px){.reprocess-auth-actions{align-items:stretch;flex-direction:column}.reprocess-auth-actions>div{justify-content:stretch}.reprocess-auth-actions button,.reprocess-auth-actions>div button{flex:1}.password-row{grid-template-columns:1fr}}