*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
--bg:#f9f9fb;
--bg-card:#ffffff;
--bg-sidebar:#ffffff;
--border:#f0f0f2;
--border-light:#e8e8ec;
--border-strong:#d4d4dc; /* divisoria mais forte (fronteira entre blocos da triagem) */
--text:#18181b;
--text-secondary:#71717a;
--text-dim:#b4b4c4;
--text-faint:#c0c0cc;
--text-ghost:#d4d4de;
--accent:#6d28d9;
--accent-light:#f4f0ff;
--accent-border:#d8d0f5;
--cyan:#0891b2;
--green:#059669;
--blue:#3b82f6;
--amber:#d97706;
--red:#dc2626;
--purple:#a855f7; /* gerid-pipeline-v2 D-patch */
--gradient:linear-gradient(135deg, #8b5cf6, #06b6d4);
--font:'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
--radius:16px;
--radius-sm:10px;
--radius-xs:5px;
}
html{font-size:17px}
body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5;font-weight:400}
/* ── Gradient Bar ── */
.gradient-bar{height:3px;background:linear-gradient(90deg,#8b5cf6,#06b6d4,#10b981);position:fixed;top:0;left:0;right:0;z-index:100}
/* ── Login ── */
.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}
.login-box{background:var(--bg-card);border:0.5px solid var(--border);border-radius:var(--radius);padding:2.5rem;width:380px;text-align:center}
.login-box .logo{width:64px;height:64px;border-radius:14px;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:500;letter-spacing:1px;color:#fff;margin:0 auto 1.5rem}
.login-box h1{font-size:1.2rem;color:var(--text);font-weight:500;margin-bottom:.25rem}
.login-box .sub{font-size:1.05rem;color:var(--text-dim);letter-spacing:.06em;margin-bottom:2rem}
.login-box input{width:100%;background:var(--bg);border:0.5px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem;color:var(--text);font-size:.92rem;outline:none;margin-bottom:.75rem;font-family:var(--font);font-weight:400;transition:border-color .2s}
.login-box input:focus{border-color:var(--accent)}
.login-box input::placeholder{color:var(--text-dim)}
.login-box .btn-login{width:100%;padding:.75rem;border-radius:20px;background:var(--accent);color:#fff;font-weight:500;font-size:.92rem;border:none;cursor:pointer;font-family:var(--font);margin-bottom:.75rem;transition:opacity .2s}
.login-box .btn-login:hover{opacity:.85}
.login-error{color:var(--red);font-size:1.08rem;margin-bottom:.75rem;display:none}
/* ── Layout ── */
.app-layout{display:flex;min-height:100vh;padding-top:3px}
.sidebar{width:230px;background:var(--bg-sidebar);position:fixed;top:3px;bottom:0;left:0;display:flex;flex-direction:column;padding:28px 18px;z-index:40;overflow-y:auto}
.sidebar-logo{display:flex;align-items:center;gap:12px;margin-bottom:36px;padding:0 8px}
.logo-sm{width:36px;height:36px;border-radius:10px;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:1.08rem;font-weight:500;letter-spacing:1px;color:#fff;flex-shrink:0}
.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}
.sidebar-nav button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-size:.92rem;font-weight:400;cursor:pointer;font-family:var(--font);text-align:left;transition:all .12s}
.sidebar-nav button:hover{color:var(--text);background:var(--bg)}
.sidebar-nav button.active{background:var(--accent-light);color:var(--accent);font-weight:500}
.sidebar-nav button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.sidebar-footer{border-top:0.5px solid #f3f3f6;padding-top:16px;margin-top:12px;display:flex;align-items:center;gap:10px;padding-left:8px;cursor:pointer}
.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:1.08rem;font-weight:500;color:#fff;flex-shrink:0}
.content-area{margin-left:230px;flex:1;min-height:100vh}
.header-bar{padding:24px 36px 8px;display:flex;align-items:center;justify-content:space-between;background:var(--bg);position:sticky;top:3px;z-index:30}
.header-count{background:#eef2ff;color:#4338ca;padding:4px 14px;border-radius:20px;font-size:.92rem;font-weight:500}
.badge-admin{background:var(--accent-light);color:var(--accent);padding:3px 10px;border-radius:var(--radius-xs);font-size:1.05rem;font-weight:500}
.badge-consulta{background:#dbeafe;color:var(--blue);padding:3px 10px;border-radius:var(--radius-xs);font-size:1.05rem;font-weight:500}
.btn-logout{background:transparent;border:0.5px solid var(--border);border-radius:var(--radius-sm);padding:5px 14px;font-size:.92rem;color:var(--text-secondary);cursor:pointer;font-family:var(--font);transition:background .15s}
.btn-logout:hover{background:var(--bg)}
/* ── Main ── */
.main{padding:0 36px 28px}
.page-sub{font-size:.92rem;color:var(--text-dim);margin-bottom:1.75rem}
/* ── Stats ── */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1.75rem}
.stat-grid.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;margin-bottom:1.25rem}
.stat-card{background:var(--bg-card);border-radius:var(--radius);padding:1.5rem;transition:transform .15s}
.stat-card.click{cursor:pointer}.stat-card.click:hover{transform:translateY(-1px)}
.stat-label{font-size:.92rem;font-weight:500;letter-spacing:.05em;color:var(--text-dim);margin-bottom:.35rem;text-transform:uppercase}
.stat-value{font-size:2rem;font-weight:500}
.stat-sub{font-size:1.08rem;color:var(--text-dim);margin-top:4px}
.info-i{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--text-dim);color:#fff;font-size:.68rem;font-weight:600;font-family:serif;font-style:italic;cursor:help;margin-left:5px;vertical-align:middle;opacity:.55;transition:opacity .15s;user-select:none}
.info-i:hover{opacity:1}
.c-accent{color:#6d28d9}.c-green{color:var(--green)}.c-blue{color:var(--blue)}.c-cyan{color:var(--cyan)}.c-amber{color:var(--amber)}.c-red{color:var(--red)}
/* ── Panel ── */
.panel{background:var(--bg-card);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.25rem}
.panel-title{font-size:1.05rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:1rem}
/* ── Badge ── */
.badge{display:inline-flex;align-items:center;padding:.1rem .45rem;border-radius:var(--radius-xs);font-size:1.08rem;font-weight:500;letter-spacing:.02em}
.badge.badge-sm{display:inline-block;padding:2px 8px;font-size:.76rem;letter-spacing:normal}
/* ── Bar ── */
.bar-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.55rem}
.bar-label{width:110px;font-size:1.08rem;flex-shrink:0;color:var(--text-secondary)}
.bar-track{flex:1;background:#f0f0f3;border-radius:99px;height:22px;overflow:hidden}.bar-fill{height:100%;border-radius:99px;transition:width .7s;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem}
.bar-fill span{font-size:.76rem;font-weight:500;color:#fff}
.bar-pct{width:50px;text-align:right;font-size:.92rem;font-family:monospace;color:var(--text-dim)}
/* ── Upload ── */
.upload-zone{border:1.5px dashed var(--border);border-radius:var(--radius);padding:3rem 2rem;text-align:center;cursor:pointer;transition:border-color .2s;background:var(--bg-card);margin-bottom:1.25rem}
.upload-zone:hover{border-color:var(--accent)}
.upload-zone .icon{font-size:2rem;margin-bottom:.5rem;color:var(--text-dim)}
.upload-zone p{color:var(--text);font-weight:500;font-size:1.05rem}.upload-zone .hint{font-size:.92rem;color:var(--text-dim);margin-top:.25rem}
/* ── System grid ── */
.sys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.5rem;margin-bottom:1.25rem}
.sys-btn{padding:.8rem;border-radius:var(--radius);border:0.5px solid var(--border);background:var(--bg-card);cursor:pointer;text-align:left;transition:all .15s;font-family:var(--font)}
.sys-btn:hover{border-color:var(--border-light)}
.sys-btn.sel{border-color:#6d28d9;background:#f4f0ff}
.sys-btn .dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:.35rem}
.sys-btn .nm{font-size:1.08rem;font-weight:500;color:var(--text)}
.sys-btn .rk{font-size:.76rem;color:var(--text-dim);margin-top:.1rem}
/* ── Table ── */
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.95rem}
thead th{text-align:left;padding:.5rem .6rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);border-bottom:0.5px solid #f3f3f6;font-weight:500}
tbody td{padding:.5rem .6rem;border-bottom:0.5px solid #f3f3f6}
tbody tr:hover{background:var(--bg)}
.mono{font-family:'SF Mono','Cascadia Code',monospace;font-size:1.08rem}.dim{color:var(--text-dim);font-size:.92rem}
/* ── Input ── */
.search-input{width:100%;background:var(--bg-card);border:none;border-radius:var(--radius);padding:.9rem 1.3rem;color:var(--text);font-size:1.05rem;font-family:var(--font);outline:none;transition:border-color .2s;margin-bottom:1.25rem}
.search-input:focus{border-color:var(--accent)}
.search-input::placeholder{color:var(--text-dim)}
/* ── Input (atómico) ── */
.input{padding:.5rem .75rem;border:0.5px solid var(--border);border-radius:var(--radius-sm);font-size:1.05rem;font-family:var(--font);background:var(--bg);color:var(--text);outline:none;transition:border-color .2s}
.input:focus{border-color:var(--accent)}
.input.input-sm{padding:.4rem .65rem;font-size:.92rem;background:var(--bg-card);min-width:130px}
/* ── Rank ── */
.rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
@media(max-width:700px){.rank-grid{grid-template-columns:1fr}}
.rank-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.55rem}
.rank-num{width:26px;height:26px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.92rem;font-weight:500;flex-shrink:0}
.rank-name{font-size:1.05rem;color:var(--text);font-weight:400}
.rank-dots{flex:1;border-bottom:1px dotted var(--border)}
.rank-count{font-size:.92rem;font-family:monospace;color:var(--text-dim)}
/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--radius-sm);font-size:1.05rem;font-weight:500;cursor:pointer;border:0.5px solid transparent;font-family:var(--font);text-decoration:none;transition:all .15s}
.btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.btn-solid{background:var(--accent);color:#fff;font-weight:500;border:none;border-radius:20px}
.btn-solid:hover{opacity:.85}
.btn-solid:disabled{opacity:.35;cursor:default}
.btn-ghost{background:var(--bg);color:var(--text-secondary);border-color:var(--border)}
.btn-ghost:hover{background:var(--border)}
.btn-em{background:var(--accent-light);border-color:rgba(139,92,246,.2);color:var(--accent)}
.btn-em:hover{opacity:.8}
.btn-rd{background:rgba(220,38,38,.06);border-color:rgba(220,38,38,.15);color:#dc2626}
.btn-rd:hover{background:rgba(220,38,38,.1)}
.btn-am{background:rgba(217,119,6,.06);border-color:rgba(217,119,6,.15);color:#d97706}
.btn-am:hover{background:rgba(217,119,6,.1)}
.btn-bl{background:rgba(59,130,246,.06);border-color:rgba(59,130,246,.15);color:#3b82f6}
.btn-bl:hover{background:rgba(59,130,246,.1)}
.btn-pill{border-radius:20px;border:0.5px solid var(--accent);color:var(--accent);background:transparent;padding:.45rem 1rem;font-weight:500}
.btn-pill:hover{background:var(--accent-light)}
.btn-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.25rem}
/* ── Info ── */
.info-box{border-radius:var(--radius);padding:1.25rem;font-size:.92rem;line-height:1.6;margin-bottom:1.25rem}
.alert{padding:.65rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.92rem}
.alert.live{background:var(--accent-light);color:var(--accent);animation:alertPulse 2s ease-in-out infinite}
.alert.done{background:rgba(5,150,105,.08);color:var(--green)}
.alert.warn{background:rgba(217,119,6,.08);color:var(--amber)}
.alert.error{background:rgba(220,38,38,.08);color:var(--red)}
@keyframes alertPulse{0%,100%{opacity:1}50%{opacity:.7}}
.info-box.blue{background:rgba(59,130,246,.05);border:0.5px solid rgba(59,130,246,.12);color:#1e40af}
.info-box.green{background:rgba(16,185,129,.05);border:0.5px solid rgba(16,185,129,.12);color:#065f46}
.info-box.purple{background:rgba(139,92,246,.05);border:0.5px solid rgba(139,92,246,.12);color:#5b21b6}
.info-box strong{color:var(--text);font-weight:500}
/* ── Modal ── */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.25);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}
.modal{background:var(--bg-card);border-radius:var(--radius);padding:1.75rem;max-width:520px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.12)}
.modal.modal-lg{max-width:800px;max-height:80vh;padding:0}
.modal h3{font-size:1.08rem;color:var(--text);font-weight:500;margin-bottom:.25rem}
.modal .hint{font-size:1.08rem;color:var(--text-dim);margin-bottom:1.25rem}
.modal-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.65rem}
.modal-row label{width:140px;font-size:1.08rem;color:var(--text);flex-shrink:0;font-weight:400}
.modal-row label .req{color:var(--red)}
.modal-row select{flex:1;background:var(--bg);border:0.5px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.45rem .65rem;font-size:1.05rem;font-family:var(--font);outline:none}
.modal-row select:focus{border-color:var(--accent)}
.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}
.modal-actions .btn{flex:1;justify-content:center;padding:.6rem}
/* ── Client card ── */
.client-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;margin-bottom:.75rem}
.client-card.best-data{border-left:3px solid var(--accent)}
.client-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.5rem}
.client-name{font-weight:500;color:var(--text);font-size:1.05rem}
.client-cpf{font-family:monospace;font-size:1.08rem;color:var(--text-dim)}
.client-badges{display:flex;gap:.3rem;flex-wrap:wrap}
.client-data{display:grid;grid-template-columns:1fr 1fr;gap:0;font-size:.92rem}
.client-data .label{font-size:.92rem;text-transform:uppercase;color:var(--text-dim);margin-bottom:.2rem}
.client-initials{width:44px;height:44px;border-radius:10px;background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:.92rem;color:var(--accent);flex-shrink:0}
/* ── Toast ── */
.toast{position:fixed;top:1rem;right:1rem;z-index:60;padding:.65rem 1.15rem;border-radius:var(--radius-sm);font-size:1.08rem;font-weight:400;transform:translateY(-100px);opacity:0;transition:all .3s}
.toast.show{transform:translateY(0);opacity:1}
.toast.success{background:#ecfdf5;border:0.5px solid rgba(16,185,129,.2);color:#065f46}
.toast.error{background:#fef2f2;border:0.5px solid rgba(220,38,38,.2);color:#991b1b}
/* ── Loading ── */
.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.loading-overlay{position:fixed;inset:0;background:rgba(244,245,247,.9);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:55;flex-direction:column;gap:1rem}
.loading-overlay .spinner{width:36px;height:36px;border-width:2.5px}
.loading-overlay p{color:var(--text-secondary);font-size:1.05rem}
/* ── Empty ── */
.empty{text-align:center;padding:4rem 1rem;color:var(--text-dim)}
.empty .icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}
.empty p{font-size:1.05rem;font-weight:500;color:var(--text-secondary)}.empty .sub{font-size:1.08rem;margin-top:.35rem;color:var(--text-dim)}
.tab{display:none}.tab.active{display:block}
.hidden{display:none!important}
/* ── Suggestion hover ── */
.suggest-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s}
.suggest-item:hover{background:#faf8ff}
/* ── Section header ── */
.section-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.section-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:#f5f5f7;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.section-label{font-size:1.05rem;font-weight:500;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
/* ── Dra. Mariana ── */
.mr-status{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:20px;font-size:.85rem;font-weight:500}
.mr-status.on{background:#ecfdf5;color:#059669}
.mr-status.off{background:#fef2f2;color:#dc2626}
.mr-status .dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}
.mr-adv-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:var(--radius-sm);background:var(--bg);margin-bottom:.35rem}
.mr-adv-item .phone{font-family:monospace;font-size:.92rem;color:var(--text)}
.mr-adv-item .rm{background:none;border:none;color:var(--red);cursor:pointer;font-size:.85rem;opacity:.5;transition:opacity .15s}
.mr-adv-item .rm:hover{opacity:1}
.mr-caso-row{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s;border-bottom:0.5px solid var(--border)}
.mr-caso-row:hover{background:var(--bg)}
.mr-sem{font-size:.75rem;padding:2px 8px;border-radius:10px;font-weight:500}
.mr-sem.verde{background:#ecfdf5;color:#059669}
.mr-sem.amarelo{background:#fffbeb;color:#d97706}
.mr-sem.vermelho{background:#fef2f2;color:#dc2626}
.mr-sem.pendente{background:#f0f0f3;color:#71717a}
/* ── Publicações Module ── */
.pub-wrap { padding: 1rem; }
.pub-toolbar {
display: flex;
gap: .5rem;
flex-wrap: wrap;
align-items: center;
margin-bottom: 1rem;
padding: 1.25rem 1.5rem;
background: var(--bg-card);
border-radius: var(--radius);
}
.pub-toolbar input[type="date"] { width: 145px; }
.pub-toolbar select { min-width: 130px; }
.pub-btn-success { background: var(--green); color: #fff; border-radius: 20px; }
.pub-btn-success:hover { opacity: .85; }
.pub-btn-sm { padding: .35rem .7rem; font-size: .92rem; }
.pub-btn-icon-only { padding: .35rem .5rem; }
.pub-btn-icon-only svg { display: block; }
.pub-cat-action-btn {
display: inline-flex; align-items: center; justify-content: center;
width: 32px; height: 32px; padding: 0;
border: 0.5px solid var(--border); border-radius: var(--radius-xs);
background: var(--bg-card); color: var(--text-secondary);
cursor: pointer; transition: all .15s;
}
.pub-cat-action-btn:hover {
background: var(--bg); color: var(--text); border-color: var(--text-dim);
}
.pub-cat-action-btn.pub-cat-action-danger:hover {
background: rgba(220,38,38,.08); color: var(--red); border-color: rgba(220,38,38,.3);
}
.pub-wrap td { vertical-align: top; }
.pub-table tr.nao-lida { font-weight: 500; }
.pub-table tr.nao-lida td:first-child { border-left: 3px solid var(--accent); }
.pub-badge-pendente { background: rgba(217,119,6,.08); color: var(--amber); border: 0.5px solid rgba(217,119,6,.15); }
.pub-badge-lida { background: rgba(5,150,105,.08); color: var(--green); border: 0.5px solid rgba(5,150,105,.15); }
.djen-badge-tribunal { background: rgba(59,130,246,.08); color: var(--blue); border: 0.5px solid rgba(59,130,246,.15); }
.pub-texto-preview {
max-width: 400px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
color: var(--text);
}
.pub-texto-preview:hover { color: var(--accent); text-decoration: underline; }
.pub-pagination {
display: flex;
justify-content: center;
align-items: center;
gap: .5rem;
padding: .75rem;
}
.pub-modal-header {
padding: 1rem 1.25rem;
border-bottom: 0.5px solid var(--border);
display: flex;
justify-content: space-between;
align-items: center;
position: sticky;
top: 0;
background: var(--bg-card);
border-radius: var(--radius) var(--radius) 0 0;
}
.pub-modal-header strong { font-size: 1.05rem; }
.pub-modal-body { padding: 1.25rem; }
.pub-modal-close {
background: none; border: none;
font-size: 1.2rem; cursor: pointer;
color: var(--text-dim);
}
.pub-modal-close:hover { color: var(--text); }
.pub-detail-field { margin-bottom: .75rem; }
.pub-detail-field .lbl {
font-size: .76rem;
font-weight: 500;
color: var(--text-dim);
text-transform: uppercase;
letter-spacing: .04em;
margin-bottom: .15rem;
}
.pub-detail-field .val { font-size: .95rem; color: var(--text); }
.pub-texto-full {
background: var(--bg);
padding: .85rem;
border-radius: var(--radius-sm);
font-size: .92rem;
line-height: 1.6;
white-space: pre-wrap;
word-break: break-word;
max-height: 300px;
overflow-y: auto;
border: 0.5px solid var(--border);
}
.pub-subtabs {
display: flex;
gap: .25rem;
margin-bottom: 1rem;
border-bottom: 0.5px solid var(--border);
padding-bottom: 0;
}
.pub-subtab {
padding: .5rem 1rem;
background: none;
border: none;
border-bottom: 2px solid transparent;
margin-bottom: -0.5px;
font-size: 1.05rem;
font-weight: 500;
font-family: var(--font);
color: var(--text-dim);
cursor: pointer;
transition: color .15s;
}
.pub-subtab:hover { color: var(--text); }
.pub-subtab.active {
color: var(--accent);
border-bottom-color: var(--accent);
}
.djen-adv-card {
display: flex;
justify-content: space-between;
align-items: center;
padding: .75rem 1rem;
border: 0.5px solid var(--border);
border-radius: var(--radius-sm);
margin-bottom: .5rem;
background: var(--bg-card);
}
.djen-adv-card .info { flex: 1; }
.djen-adv-card .name { font-weight: 500; font-size: 1rem; }
.djen-adv-card .oab { font-size: .92rem; color: var(--text-dim); }
/* ══════ Triagem IA (estilo tabela do sistema) ══════ */
.pub-triagem-filtros {
display: flex;
gap: .4rem;
flex-wrap: wrap;
margin-bottom: 1rem;
align-items: center;
}
.pub-triagem-chip {
padding: .35rem .8rem;
border-radius: 20px;
border: 0.5px solid var(--border);
background: var(--bg-card);
color: var(--text-secondary);
font-size: .92rem;
cursor: pointer;
font-family: var(--font);
transition: all .15s;
display: inline-flex;
align-items: center;
gap: .35rem;
}
.pub-triagem-chip:hover { background: var(--bg); }
.pub-triagem-chip.active {
background: var(--accent);
color: #fff;
border-color: var(--accent);
}
.pub-triagem-chip.warn {
background: rgba(220,38,38,.08);
color: var(--red);
border-color: rgba(220,38,38,.2);
}
.pub-triagem-chip.warn.active {
background: var(--red);
color: #fff;
border-color: var(--red);
}
.pub-triagem-chip .count {
font-weight: 500;
background: var(--bg);
padding: 1px 8px;
border-radius: var(--radius-sm);
font-size: .85rem;
}
.pub-triagem-chip.active .count { background: rgba(255,255,255,.25); color: #fff; }
/* Linha pai (bloco) */
.pub-table tr.pub-bloco-row {
cursor: pointer;
font-weight: 500;
}
.pub-table tr.pub-bloco-row:hover { background: var(--bg); }
.pub-table tr.pub-bloco-row.precisa-advogado td:first-child {
border-left: 3px solid var(--red);
}
/* Filhas de um card de categoria ABERTO (triagem, opcao A): trilho lateral +
indentacao + FUNDO lilas que marca visualmente o que esta DENTRO do card e o
separa das linhas de topo (que nao levam a classe).
FUNDO no | , nao no | : a pub-procdia-row tem background INLINE no tr
(rgba(99,102,241,.04)) que venceria qualquer regra de folha; o td nao tem
background inline, entao a regra de td vale para TODAS as filhas (comum e
procdia) de forma uniforme. Mantida tambem a regra no tr como reforco. */
.pub-table tr.pub-bloco-row.pub-card-child {
background: rgba(91,79,199,.08);
}
.pub-table tr.pub-bloco-row.pub-card-child td {
background: rgba(91,79,199,.08);
}
/* Re-afirma o hover (repouso .08 -> hover .12), tambem no td, senao o hover
generico .pub-bloco-row:hover (no tr) engoliria o feedback nas celulas. */
.pub-table tr.pub-bloco-row.pub-card-child:hover,
.pub-table tr.pub-bloco-row.pub-card-child:hover td {
background: rgba(91,79,199,.12);
}
/* Barra lateral (trilho) na 1a celula (coluna estreita do caret). O padding
dela agora e pequeno (~10px); o recuo REAL do conteudo vai na 2a celula. */
.pub-table tr.pub-bloco-row.pub-card-child td:first-child {
padding-left: 10px;
border-left: 3px solid var(--accent);
border-radius: 0;
}
/* RECUO REAL do conteudo: desloca a coluna Data (2a celula) e, por arrasto
visual, o restante das colunas — perceptivel, ao contrario das 22px na
coluna estreita do caret. */
.pub-table tr.pub-bloco-row.pub-card-child td:nth-child(2) {
padding-left: 18px;
}
/* A barra VERMELHA de "precisa advogado" tem PRECEDENCIA sobre o trilho roxo.
Seletor propositalmente mais especifico que o do trilho: vence por
especificidade, nao por ordem de fonte (nao quebra se o bloco for movido). */
.pub-table tr.pub-bloco-row.pub-card-child.precisa-advogado td:first-child {
border-left-color: var(--red);
}
.pub-table tr.pub-bloco-row.aberto td:first-child .caret {
transform: rotate(180deg);
}
.pub-table .caret {
display: inline-block;
transition: transform .15s;
color: var(--text-dim);
font-size: .85rem;
}
.pub-table .caret.placeholder { visibility: hidden; }
/* Linhas filhas expandidas */
.pub-table tr.pub-bloco-child {
display: none;
background: var(--bg);
font-size: .92rem;
}
.pub-table tr.pub-bloco-child.visivel { display: table-row; }
.pub-table tr.pub-bloco-child td {
padding: .4rem .6rem;
color: var(--text-secondary);
border-bottom: 0.5px solid #f3f3f6;
}
.pub-table tr.pub-bloco-child td.indent { padding-left: 2rem; }
.pub-table tr.pub-bloco-child .preview {
max-width: 600px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--text);
}
.pub-table tr.pub-bloco-child .meta {
font-size: .85rem;
color: var(--text-dim);
margin-bottom: .15rem;
}
/* Ajuste 1 — Pill com nome do advogado destinatário em linha própria. */
.pub-table tr.pub-bloco-child .djen-bloco-child-adv {
margin-bottom: .2rem;
}
.djen-pill-adv {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 1px 8px;
background: rgba(125, 99, 225, .1);
color: #5b4fc7;
border-radius: .3rem;
font-size: .72rem;
font-weight: 500;
line-height: 1.5;
}
.djen-pill-adv::before {
content: "\25CF";
font-size: .55rem;
line-height: 1;
}
/* Ajuste 2 — Filha já concluída localmente (mantida visível até o bloco
inteiro ser concluído). Background levemente esmaecido + texto riscado
apenas no número do processo pra reforçar visualmente. */
.pub-table tr.pub-bloco-child.concluida-local {
background: rgba(34, 197, 94, .04);
}
.pub-table tr.pub-bloco-child.concluida-local td:nth-child(2) {
text-decoration: line-through;
color: var(--text-dim);
}
/* Ações do bloco agrupadas */
.pub-bloco-actions-inline {
display: flex;
gap: .35rem;
justify-content: flex-end;
}
/* Badges específicos da triagem (seguem o padrão pub-badge) */
.pub-badge-identicas { background: rgba(59,130,246,.08); color: var(--blue); border: 0.5px solid rgba(59,130,246,.15); }
.pub-badge-similares { background: rgba(217,119,6,.08); color: var(--amber); border: 0.5px solid rgba(217,119,6,.15); }
.pub-badge-complementares { background: rgba(5,150,105,.08); color: var(--green); border: 0.5px solid rgba(5,150,105,.15); }
.pub-badge-categoria { background: rgba(100,116,139,.13); color: #475569; border: 0.5px solid rgba(100,116,139,.22); }
.pub-badge-avulsa { background: var(--bg); color: var(--text-dim); border: 0.5px solid var(--border); }
.pub-badge-warn { background: rgba(220,38,38,.08); color: var(--red); border: 0.5px solid rgba(220,38,38,.15); }
/* gerid-pipeline-v2 D-patch: badges de ORIGEM da pub (familia .pub-orig-*) */
.pub-orig-exato { background: rgba(168,85,247,.08); color: var(--purple); border: 0.5px solid rgba(168,85,247,.20); }
.pub-orig-similar { background: rgba(59,130,246,.08); color: var(--blue); border: 0.5px solid rgba(59,130,246,.15); }
.pub-orig-regra { background: rgba(100,116,139,.13); color: #475569; border: 0.5px solid rgba(100,116,139,.22); }
.pub-orig-ambiguo { background: rgba(217,119,6,.08); color: var(--amber); border: 0.5px solid rgba(217,119,6,.15); }
.pub-orig-semmatch { background: var(--bg); color: var(--text-dim); border: 0.5px solid var(--border); }
/* gerid-cabecalhos-patch v2: classes do cabecalho de BLOCO (substituem style inline) */
.gerid-bloco-panel { margin-bottom: 1rem; border-left: 3px solid var(--border); }
.gerid-bloco-panel.is-amber { border-left-color: var(--amber); }
.gerid-bloco-header { padding: .75rem 1rem; background: var(--bg); border-bottom: 0.5px solid var(--border); display: flex; justify-content: space-between; align-items: center; gap: .75rem; flex-wrap: wrap; }
.gerid-bloco-header.is-amber { background: rgba(245,158,11,.08); }
.gerid-bloco-titulo { font-weight: 500; font-size: .95rem; display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; }
.gerid-bloco-titulo .gerid-bloco-lbl { color: var(--text-dim); font-weight: 400; }
.gerid-bloco-titulo .gerid-bloco-meta-texto { color: var(--text-dim); font-weight: 400; }
.gerid-bloco-contador { font-size: .85rem; color: var(--text-dim); white-space: nowrap; }
.pub-triagem-cat {
font-size: 1.05rem;
color: var(--text);
}
.pub-triagem-enc {
font-size: .95rem;
color: var(--text-secondary);
line-height: 1.45;
}
.pub-triagem-resp {
font-size: 1.05rem;
color: var(--text);
font-weight: 500;
}
.pub-conf-badge {
display: inline-block;
padding: 3px 10px;
border-radius: var(--radius-sm);
font-size: .85rem;
font-weight: 500;
font-variant-numeric: tabular-nums;
border: 0.5px solid transparent;
min-width: 50px;
text-align: center;
}
.pub-conf-hi { background: rgba(5,150,105,.10); color: var(--green); border-color: rgba(5,150,105,.20); }
.pub-conf-md { background: rgba(245,158,11,.10); color: var(--amber); border-color: rgba(245,158,11,.22); }
.pub-conf-lo { background: rgba(220,38,38,.10); color: var(--red); border-color: rgba(220,38,38,.22); }
/* ══════ Cards de Categoria (agrupamento de 2º nível) ══════ */
/* Card de categoria renderizado como TR no MESMO formato das linhas de bloco
(Idênticas/Similares/Complementares). 9 colunas alinhadas à tabela.
Diferença visual: tag "Categoria" em cinza, fundo levemente destacado, e
botão Confirmar tudo no lugar de "classificar pubs". */
tr.pub-catgrp {
cursor: pointer;
transition: background .15s;
}
/* Fronteira entre blocos: borda de cima na propria linha de categoria (mais
forte agora, 2px) marca o corte entre um bloco e o proximo SEM detectar
"ultima filha". :not(:first-child) evita que a borda caia na PRIMEIRA linha
da tabela, colada no cabecalho (Achado 2 do relatorio da Fase 2). */
tr.pub-catgrp:not(:first-child) td {
border-top: 2px solid var(--border-strong);
}
tr.pub-catgrp:hover { background: rgba(91,79,199,.04); }
tr.pub-catgrp.aberto { background: rgba(91,79,199,.04); }
/* Mini-header de bloco dentro de card aberto — discreto */
tr.pub-catgrp-bloco td {
padding: .55rem 1rem .55rem 2.25rem;
background: var(--bg);
font-size: .92rem;
color: var(--text-secondary);
border-bottom: 0.5px solid var(--border);
}
.pub-catgrp-bloco .pub-badge { vertical-align: middle; }
/* ══════ Catálogo (Fase B / P4) ══════ */
.pub-cat-grid { display:grid; grid-template-columns: 1fr 1.4fr; gap: 1.25rem; }
@media (max-width:1000px){ .pub-cat-grid { grid-template-columns: 1fr; } }
.pub-cat-box-head { display:flex; justify-content:space-between; align-items:baseline; margin-bottom: 1rem; }
.pub-cat-box-head h4 { margin:0; font-size:1.05rem; font-weight:500; text-transform:uppercase; letter-spacing:.05em; color:var(--text-dim); }
.pub-cat-count { font-size:.92rem; color: var(--text-secondary); }
.pub-cat-add { display:flex; gap:.5rem; align-items:center; margin-bottom:1rem; }
.pub-cat-add input, .pub-cat-add select { flex: 1; }
.pub-cat-add-cat { display:grid; grid-template-columns: 1fr 1fr; gap:.5rem; align-items:center; }
.pub-cat-add-cat > input:nth-child(1),
.pub-cat-add-cat > input:nth-child(2) { grid-column: 1 / -1; }
.pub-cat-add-cat > select:nth-child(3) { grid-column: 1; }
.pub-cat-add-cat > input:nth-child(4) { grid-column: 2; }
.pub-cat-add-cat > button { grid-column: 1 / -1; justify-self: end; }
.pub-cat-list {
display:flex; flex-direction:column; gap:.4rem;
max-height: 460px; overflow-y: auto;
}
.pub-cat-row {
display:grid; grid-template-columns: 1fr auto; gap:.6rem; align-items:center;
padding:.75rem 1rem; border:0.5px solid var(--border); border-radius: var(--radius-sm);
background: var(--bg); transition: background .15s;
}
.pub-cat-row:hover { background: var(--bg-card); }
.pub-cat-row.inativa { opacity: .55; }
.pub-cat-row-main { display:flex; flex-direction:column; gap:.2rem; min-width: 0; }
.pub-cat-row-nome { font-weight: 500; font-size:1.05rem; }
.pub-cat-row-meta { font-size:.92rem; color: var(--text-secondary); }
.pub-cat-row-actions { display:flex; gap:.35rem; }
/* ══════ Bloco IA no modal de detalhes ══════ */
.pub-ia-bloco {
border: 1.5px solid var(--accent-border);
background: var(--accent-light);
border-radius: var(--radius);
padding: .9rem 1rem;
margin-top: .75rem;
}
.pub-ia-bloco-header {
display: flex;
align-items: center;
gap: .5rem;
margin-bottom: .6rem;
}
.pub-ia-badge-circle {
width: 24px; height: 24px;
border-radius: 50%;
background: var(--accent);
color: #fff;
font-size: .8rem;
font-weight: 500;
display: inline-flex;
align-items: center;
justify-content: center;
}
.pub-ia-meta {
font-size: .85rem;
color: var(--accent);
background: rgba(255,255,255,.6);
padding: 3px 10px;
border-radius: var(--radius-xs);
margin-left: auto;
}
.pub-ia-grid {
display: grid;
grid-template-columns: 130px 1fr;
gap: .5rem .75rem;
font-size: 1.05rem;
margin-bottom: .75rem;
}
.pub-ia-lbl {
color: var(--text-dim);
font-size: .85rem;
text-transform: uppercase;
letter-spacing: .04em;
padding-top: .1rem;
}
.pub-ia-val {
color: var(--text);
line-height: 1.45;
}
.pub-ia-bloco-acoes {
display: flex;
gap: .4rem;
padding-top: .5rem;
border-top: 0.5px solid var(--accent-border);
}
.pub-ia-bloco-correcao {
margin-top: .75rem;
padding-top: .75rem;
border-top: 0.5px solid var(--accent-border);
}
.pub-ia-input {
width: 100%;
padding: .5rem .75rem;
border: 0.5px solid var(--border);
border-radius: var(--radius-sm);
font-size: 1.05rem;
font-family: var(--font);
background: #fff;
box-sizing: border-box;
}
.pub-ia-input:focus { outline: none; border-color: var(--accent); }
.pub-ia-textarea {
width: 100%;
padding: .6rem .75rem;
border: 0.5px solid var(--border);
border-radius: var(--radius-sm);
font-size: 1.05rem;
font-family: var(--font);
background: #fffdf5;
resize: vertical;
box-sizing: border-box;
}
.pub-ia-textarea:focus { outline: none; border-color: var(--accent); background: #fff; }
.pub-btn-success-outline {
background: transparent;
color: var(--green);
border: 0.5px solid var(--green);
border-radius: 20px;
font-weight: 500;
}
.pub-btn-success-outline:hover { background: rgba(5,150,105,.08); }