/* Task Detail View */
.task-detail-view { display: flex; flex-direction: column; height: 100%; }
.hidden { display: none; }
.detail-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.btn-back { display: flex; align-items: center; gap: 0.25rem; border: none; background: none; color: var(--text-muted); cursor: pointer; font-size: 0.875rem; padding: 0.25rem 0.5rem; margin-left: -0.5rem; border-radius: 0.5rem; }
.btn-back:hover { color: var(--primary); background-color: var(--secondary); }
.detail-body { flex: 1; overflow-y: auto; }
.detail-title { font-size: 1.125rem; font-weight: 700; margin: 0 0 0.5rem 0; line-height: 1.4; }
.detail-meta-row { display: flex; align-items: center; gap: 0.5rem; font-size: 0.75rem; color: var(--text-muted); margin-bottom: 1rem; }
.separator { opacity: 0.5; }
.detail-desc-box { background-color: var(--background-light); border-radius: 0.75rem; padding: 1rem; border: 1px solid rgba(0,0,0,0.05); }
.desc-label { font-size: 0.75rem; color: var(--text-muted); text-transform: uppercase; font-weight: 600; margin: 0 0 0.5rem 0; display: flex; gap: 0.25rem; align-items: center; }
.desc-text { font-size: 0.875rem; line-height: 1.6; margin: 0; color: var(--text-main); }
.detail-actions { margin-top: auto; padding-top: 1rem; }
.btn-approve { width: 100%; padding: 0.75rem; background-color: var(--primary); color: white; border: none; border-radius: 0.75rem; font-weight: 600; cursor: pointer; display: flex; justify-content: center; align-items: center; gap: 0.5rem; box-shadow: 0 4px 10px rgba(255, 107, 0, 0.3); transition: background 0.2s; }
.btn-approve:hover { background-color: #EA580C; }