/* miniapp/css/task-detail.css */
.task-header h2 { margin: 0; font-size: 18px; }
.tag-pill { display:inline-block; padding:4px 8px; border-radius:999px; margin-right:6px; font-size:12px; color:#fff; }
.cl-card .task-body { gap:8px; }
.task-detail-actions .cl-btn-primary { width: auto; }
.task-detail-header { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.task-detail-checkbox { width:36px; height:36px; border-radius:999px; border:1px solid var(--cl-separator); background:transparent; }
.task-detail-checkbox--done { background: var(--cl-accent-primary); color:#fff; border-color: var(--cl-accent-primary); }
.task-detail-fields { display:flex; flex-direction:column; gap:10px; }
.task-detail-row { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.task-detail-row--tags { align-items:flex-start; }
.task-detail-label { font-size:13px; color:var(--cl-text-hint); }
.task-detail-value { text-align:right; flex:1; }
.task-detail-notes { margin-top:16px; display:flex; flex-direction:column; gap:6px; }
.task-detail-actions { display:flex; gap:8px; margin-top:16px; }
.task-detail-cancel { margin-top:12px; border:none; background:transparent; color:var(--cl-warning); padding:0; }
.task-detail-origin { margin-top:16px; width:100%; border:1px solid var(--cl-separator); border-radius:12px; background:var(--cl-card); display:flex; align-items:flex-start; gap:10px; padding:12px; }
.task-detail-origin__excerpt { margin-top:4px; color:var(--cl-text-secondary); }
.task-detail-menu { position:absolute; right:0; top:42px; background:var(--cl-card); border:1px solid var(--cl-separator); border-radius:12px; padding:8px; z-index:3; }
.task-detail-edit { display:flex; flex-direction:column; gap:10px; }
.task-detail-edit-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }