#taskDetailsDialog{width:min(94vw,540px);max-height:88dvh;padding:0;border:1px solid #e7dff1;border-radius:24px;background:#fdfbff;color:#45384f;overflow:hidden}
#taskDetailsDialog[open]{display:flex;flex-direction:column}
#taskDetailsDialog>header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;padding:14px 20px;border-bottom:1px solid #eee8f4;color:#94839f;font-size:11px}
#taskDetailsDialog .details-close{display:grid;place-items:center;width:32px;min-height:32px;padding:0;border:0;border-radius:50%;background:#eee7f6;color:#735c8d}
.task-details-content{padding:20px;overflow:auto;min-height:0;scrollbar-width:none}.task-details-content::-webkit-scrollbar{display:none}
#taskDetailsTitle{font-size:21px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap;margin:0 0 10px;letter-spacing:-.3px}
.details-status{display:inline-block;padding:4px 9px;border-radius:9px;background:#ede6fb;color:#8060b1;font-size:10px}.details-status.is-done{background:#e4f1e9;color:#468266}
.task-details-content dl{margin:19px 0}.task-detail-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;padding:10px 0;border-bottom:1px solid #eee8f4;font-size:12px;line-height:1.6}.task-detail-row dt{color:#9989a4}.task-detail-row dd{margin:0;overflow-wrap:anywhere}
.details-tags{display:flex;flex-wrap:wrap;gap:6px 12px}.details-tags>span{display:inline-flex;align-items:center;gap:5px}.details-tags i{width:7px;height:7px;border-radius:50%;background:var(--tag-edge)}
.task-detail-description h3{font-size:11px;color:#9989a4;font-weight:500;margin:0 0 9px}.task-detail-description>div{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8;color:#6e5e7b}.task-detail-description a{color:#7958cc;text-decoration:underline}
#taskDetailsDialog>footer{flex-shrink:0;padding:12px 20px;border-top:1px solid #eee8f4;display:flex;justify-content:flex-end;background:#fdfbff}
#taskDetailsDialog .details-edit{display:flex;align-items:center;gap:7px;padding:8px 14px;min-height:36px;border:0;border-radius:12px;background:#7958ed;color:#fff;font-size:12px}.details-edit .ui-icon{width:15px;height:15px;filter:brightness(0) invert(1)}
@media(max-width:360px){.task-detail-row{grid-template-columns:75px minmax(0,1fr);gap:10px}.task-details-content{padding:16px}}