/* Mobile task hierarchy: separated purpose, progress and scheduling cards. */
html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-body { background:var(--detail-soft) !important; }
html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-description { padding:16px !important; border:1px solid var(--detail-line) !important; border-radius:16px; background:var(--detail-surface) !important; }
html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-description>p { padding:0 !important; background:transparent !important; border:0; margin-top:10px; }
html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-status { border:1px solid var(--detail-line); background:var(--detail-surface) !important; }
html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-planning>div { background:var(--detail-surface) !important; border:1px solid var(--detail-line); padding:16px; border-radius:16px; }
html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-options { background:var(--detail-surface) !important; }
html body .task-detail-overlay.mobile-form-surface .task-detail-dialog button.task-document-open { color:var(--detail-blue) !important; background:var(--detail-blue-soft) !important; border:1px solid var(--detail-line); }
.task-document-row { flex-wrap:wrap; gap:8px; }
.task-document-row>div:first-child { min-width:0; }
.task-document-row>div:first-child p { white-space:normal; overflow-wrap:anywhere; }
.task-detail-context { row-gap:8px; }
html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-project-chip { height:auto; min-height:32px; padding:6px 8px; align-items:flex-start; max-width:100%; }
html body .task-detail-overlay.mobile-form-surface .task-detail-dialog .task-detail-project-chip>span { white-space:normal; line-height:1.5; height:auto; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; }
@media(max-width:767px){.task-detail-context .task-detail-project-chip{flex-basis:100%}.task-detail-overview{gap:12px}.task-detail-dialog .task-detail-body{padding:12px}.task-detail-description>div:first-child{align-items:flex-start;gap:10px}.task-detail-description>div:first-child>button{max-width:138px;white-space:normal;padding:8px 10px}.task-detail-overview .task-detail-options{order:0}.task-detail-planning{gap:12px}}