/* ── DETAIL PANEL ─────────────────────────────────── */
.detail-hero{padding:18px 20px;border-bottom:1px solid var(--bd2)}
.detail-tabs{display:flex;gap:4px;flex-wrap:wrap;row-gap:2px;padding:12px 20px 0;border-bottom:1px solid var(--bd)}
.detail-tab{padding:7px 13px;border-radius:var(--r3) var(--r3) 0 0;font-weight:700;font-size:12.5px;cursor:pointer;color:var(--tx3);border-bottom:2px solid transparent;transition:all var(--tr)}
.detail-tab.active{color:var(--brand);border-bottom-color:var(--brand)}
.detail-tab:hover{color:var(--tx)}
.detail-tab-body{padding:18px 20px;overflow-y:auto;flex:1}
.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.meta-item{display:flex;flex-direction:column;gap:3px}
.meta-label{font-size:11px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.4px}
.meta-val{font-size:13px;font-weight:600;color:var(--tx)}
.checklist-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--bd2);cursor:pointer}
.checklist-item:last-child{border-bottom:none}
.timeline-item{display:flex;gap:12px;padding-bottom:16px;position:relative}
.timeline-item::before{content:'';position:absolute;left:14px;top:28px;bottom:0;width:1px;background:var(--bd2)}
.timeline-item:last-child::before{display:none}
.timeline-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;z-index:1}
.file-item{display:flex;align-items:center;gap:11px;padding:10px;background:var(--sf2);border:1px solid var(--bd2);border-radius:var(--r3);margin-bottom:8px}
.comment-item{padding:10px 12px;background:var(--sf2);border:1px solid var(--bd2);border-radius:var(--r3);margin-bottom:8px}
.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.pill-row{display:flex;gap:7px;flex-wrap:wrap}
.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:6px 11px;border-radius:var(--r3);cursor:pointer;border:1px solid;transition:all var(--tr)}
.prio-pill{font-size:12px;font-weight:800;padding:6px 13px;border-radius:var(--r3);cursor:pointer;border:1.5px solid;transition:all var(--tr)}

/* Aliases usados pelo detailPanel.js */
.detail-panel{position:fixed;right:0;top:0;bottom:0;width:760px;max-width:96vw;background:var(--sf);display:flex;flex-direction:column;box-shadow:var(--sh-xl);z-index:var(--z-panel);animation:slidein-r .22s cubic-bezier(.22,.68,0,1.2)}
.panel-overlay.no-anim,.detail-panel.no-anim{animation:none}
.detail-head{padding:16px 18px;border-bottom:1px solid var(--bd);display:flex;align-items:flex-start;gap:12px;flex:none}
.detail-title{font-size:16px;font-weight:800;line-height:1.25;margin-top:2px}
.detail-body{flex:1;overflow-y:auto;padding:18px 20px}
.det-tab{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:var(--r3) var(--r3) 0 0;font-weight:700;font-size:12px;cursor:pointer;color:var(--tx3);border:none;background:none;border-bottom:2px solid transparent;transition:all var(--tr);flex:none;white-space:nowrap}
.det-tab.active{color:var(--brand);border-bottom-color:var(--brand)}
.det-tab:hover{color:var(--tx)}

.det-field{display:flex;flex-direction:column;gap:3px}
.det-field label{font-size:11px;font-weight:700;color:var(--tx3);text-transform:uppercase;letter-spacing:.4px}
.det-field span{font-size:13.5px;font-weight:600;color:var(--tx)}
.det-field.sm label{font-size:10.5px}
.det-field.sm span{font-size:13px}