.task-detail-modal,.task-detail-modal-backdrop{--td-accent:var(--primary);--td-accent-dim:color-mix(in oklch,var(--primary) 14%,transparent);--td-gold:oklch(0.82 0.12 95);--td-bg:var(--card);--td-panel:var(--muted);--td-border:var(--border);--td-text:var(--card-foreground);--td-muted:var(--muted-foreground);--td-faint:color-mix(in oklch,var(--muted-foreground) 40%,transparent)}.task-detail-modal{display:flex;flex-direction:column;max-height:min(90vh,920px);width:min(100vw - 1.5rem,880px);border-radius:18px;border:1px solid var(--td-border);background:var(--td-bg);color:var(--td-text);box-shadow:0 24px 64px -16px color-mix(in oklch,var(--background) 75%,transparent);overflow:hidden}.task-detail-modal .modal-header{flex-shrink:0;border-bottom:1px solid var(--td-border);padding:1rem 1.15rem 1rem 1.25rem}.task-detail-modal .header-top{display:flex;align-items:flex-start;gap:.75rem}.task-detail-modal .header-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;font-size:11px;color:var(--td-muted);margin-bottom:.45rem}.task-detail-modal .header-meta .id{font-family:ui-monospace,monospace;color:var(--td-accent);font-weight:600}.task-detail-modal .header-meta .sep{width:3px;height:3px;border-radius:50%;background:var(--td-faint)}.task-detail-modal .modal-title{margin:0 0 .65rem;font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:600;line-height:1.35;letter-spacing:-.02em}.task-detail-modal .header-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.task-detail-modal .status{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;font-size:11px;font-weight:600}.task-detail-modal .status .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.task-detail-modal .status.open{background:rgba(52,240,146,.12);color:var(--td-accent)}.task-detail-modal .status.dev{background:rgba(56,189,248,.12);color:#7dd3fc}.task-detail-modal .status.review{background:rgba(45,212,191,.12);color:#5eead4}.task-detail-modal .status.done{background:rgba(255,255,255,.08);color:var(--td-muted)}.task-detail-modal .status.locked{background:rgba(52,240,146,.1);color:var(--td-accent);border:1px solid rgba(52,240,146,.25)}.task-detail-modal .status.locked .lock-icon{width:12px;height:12px;flex-shrink:0}.task-detail-modal .publisher{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .5rem .2rem .2rem;border-radius:999px;border:1px solid var(--td-border);background:rgba(255,255,255,.04);font-size:11px}.task-detail-modal .pub-avatar{width:22px;height:22px;border-radius:50%;background:rgba(52,240,146,.2);color:var(--td-accent);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;overflow:hidden}.task-detail-modal .pub-avatar img{width:100%;height:100%;object-fit:cover}.task-detail-modal .pub-name{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--td-text,rgba(255,255,255,.92))}.task-detail-modal .pub-meta{margin-left:.15rem;font-size:10px;color:var(--td-muted)}.task-detail-modal .modal-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;background:rgba(255,255,255,.06);color:var(--td-muted);cursor:pointer;transition:color .15s,background .15s}.task-detail-modal .modal-close:hover{background:var(--accent);color:var(--accent-foreground)}.task-detail-modal .modal-body{flex:1;min-height:0;overflow-y:auto;padding:1.1rem 1.25rem 1.25rem;-webkit-overflow-scrolling:touch}.task-detail-modal .kpi-strip{display:grid;grid-template-columns:1fr;gap:.55rem;margin-bottom:1.25rem}@media (min-width:640px){.task-detail-modal .kpi-strip{grid-template-columns:repeat(3,1fr)}}.task-detail-modal .kpi{border-radius:14px;border:1px solid var(--td-border);background:var(--td-panel);padding:.75rem .85rem}.task-detail-modal .kpi.reward{border-color:rgba(232,197,71,.25);background:linear-gradient(145deg,rgba(232,197,71,.08),transparent)}.task-detail-modal .kpi .lbl{display:flex;align-items:center;gap:.35rem;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--td-muted)}.task-detail-modal .kpi .val{margin-top:.35rem;font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--td-gold)}.task-detail-modal .kpi .val .cur{margin-left:3px;font-size:11px;font-weight:600;color:var(--td-muted)}.task-detail-modal .kpi .sub{margin-top:.25rem;font-size:11px;color:var(--td-muted);line-height:1.4}.task-detail-modal .section{margin-bottom:1.35rem}.task-detail-modal .section-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--td-muted);margin-bottom:.55rem}.task-detail-modal .timeline{border-radius:14px;border:1px solid var(--td-border);background:rgba(255,255,255,.02);padding:1rem .75rem .85rem}.task-detail-modal .timeline-track{display:flex;align-items:flex-start;justify-content:space-between;gap:.25rem;position:relative}.task-detail-modal .stage{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}.task-detail-modal .stage-node{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--td-border);background:rgba(255,255,255,.04);color:var(--td-muted);z-index:1}.task-detail-modal .stage.done .stage-node{border-color:var(--td-accent);background:rgba(52,240,146,.15);color:var(--td-accent)}.task-detail-modal .stage.current .stage-node{border-color:var(--td-accent);background:var(--td-accent);color:#041109;box-shadow:0 0 0 4px rgba(52,240,146,.2)}.task-detail-modal .stage.upcoming .stage-node{opacity:.65}.task-detail-modal .stage-name{margin-top:.5rem;font-size:12px;font-weight:600}.task-detail-modal .stage-duration{margin-top:.2rem;font-size:10px;color:var(--td-muted)}.task-detail-modal .stage-date{margin-top:.25rem;font-size:11px;font-weight:500}.task-detail-modal .stage-date .label{color:var(--td-muted);font-weight:400;margin-right:.15rem}.task-detail-modal .timeline-track:before{content:"";position:absolute;left:16%;right:16%;top:15px;height:2px;background:rgba(255,255,255,.08);z-index:0}.task-detail-modal .timeline-summary{display:flex;flex-direction:column;gap:.35rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--td-border);font-size:11px;color:var(--td-muted)}@media (min-width:520px){.task-detail-modal .timeline-summary{flex-direction:row;align-items:center;justify-content:space-between}}.task-detail-modal .timeline-summary .total{color:var(--td-gold);font-weight:700}.task-detail-modal .description{border-radius:14px;border:1px solid var(--td-border);background:var(--td-panel);padding:.9rem 1rem;font-size:13px;line-height:1.65;color:var(--td-text)}.task-detail-modal .description p{margin:0 0 .75rem}.task-detail-modal .description p:last-child{margin-bottom:0}.task-detail-modal .description-fields{margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--td-border);display:flex;flex-direction:column;gap:.5rem}.task-detail-modal .description-fields .field{display:flex;flex-wrap:wrap;gap:.35rem .75rem;font-size:12px}.task-detail-modal .field-label{color:var(--td-muted);min-width:5.5rem}.task-detail-modal .field-value{color:var(--td-text)}.task-detail-modal .criteria{display:flex;flex-direction:column;gap:.5rem}.task-detail-modal .criterion{display:flex;gap:.65rem;border-radius:12px;border:1px solid var(--td-border);background:rgba(255,255,255,.02);padding:.65rem .75rem}.task-detail-modal .criterion-num{flex-shrink:0;font-size:11px;font-weight:800;color:var(--td-accent);font-variant-numeric:tabular-nums}.task-detail-modal .criterion-text{font-size:13px;line-height:1.5;color:var(--td-text)}.task-detail-modal .tags{display:flex;flex-wrap:wrap;gap:.4rem}.task-detail-modal .tags .tag{padding:.25rem .55rem;border-radius:8px;font-size:11px;color:var(--td-muted);background:rgba(255,255,255,.06);border:1px solid var(--td-border)}.task-detail-modal .attachments{display:flex;flex-direction:column;gap:.5rem}.task-detail-modal .attachment{display:flex;align-items:center;gap:.65rem;border-radius:12px;border:1px solid var(--td-border);background:var(--td-panel);padding:.55rem .65rem}.task-detail-modal .attachment-thumb{flex-shrink:0;width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:var(--td-muted)}.task-detail-modal .attachment-thumb.doc{background:rgba(239,68,68,.1);color:#f87171}.task-detail-modal .attachment-info{flex:1;min-width:0}.task-detail-modal .attachment-name{font-size:12px;font-weight:600;color:var(--td-text);display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.task-detail-modal .type-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.1rem .35rem;border-radius:5px;border:1px solid var(--td-border);color:var(--td-muted)}.task-detail-modal .attachment-meta{margin-top:.15rem;font-size:10px;color:var(--td-muted)}.task-detail-modal .attachment-action{flex-shrink:0;display:inline-flex;align-items:center;gap:.25rem;border:1px solid rgba(52,240,146,.35);background:var(--td-accent-dim);color:var(--td-accent);font-size:11px;font-weight:600;padding:.35rem .55rem;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.task-detail-modal .attachment-action:hover:not(:disabled){background:rgba(52,240,146,.2)}.task-detail-modal .attachment-action:disabled{opacity:.45;cursor:not-allowed}.task-detail-modal .modal-footer{flex-shrink:0;border-top:1px solid var(--td-border);padding:.85rem 1.25rem 1rem;background:rgba(0,0,0,.25)}.task-detail-modal .footer-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;font-size:11px;color:var(--td-muted);margin-bottom:.65rem}.task-detail-modal .footer-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--td-faint)}.task-detail-modal .footer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%}.task-detail-modal .footer-actions-left{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0}.task-detail-modal .footer-actions-right{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto}.task-detail-modal .btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:10px;font-size:12px;font-weight:600;padding:.5rem .9rem;cursor:pointer;border:1px solid transparent;transition:opacity .15s,background .15s,border-color .15s}.task-detail-modal .btn:disabled{opacity:.45;cursor:not-allowed}.task-detail-modal .btn-ghost{border-color:var(--td-border);background:rgba(255,255,255,.04);color:var(--td-text)}.task-detail-modal .btn-ghost:hover:not(:disabled){background:rgba(255,255,255,.08)}.task-detail-modal .btn-primary{border-color:rgba(52,240,146,.45);background:var(--td-accent);color:#041109}.task-detail-modal .btn-primary:hover:not(:disabled){filter:brightness(1.06)}.task-detail-modal .bids-embed,.task-detail-modal .workflow-embed{border-radius:14px;border:1px solid var(--td-border);background:rgba(255,255,255,.02);padding:.75rem;overflow:auto}