.description-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}
#descriptionField .description-heading label{margin:0}
#taskForm #viewDescription{min-height:28px;padding:3px 8px;border:0;border-radius:9px;background:#eee9f6;color:#6651b5;font-size:11px}
#descriptionViewer{width:min(92vw,680px);max-width:680px;max-height:85dvh;padding:18px;border:1px solid #e3ddeb;border-radius:22px;background:#faf8ff;overflow:hidden}
#descriptionViewer[open]{display:flex;flex-direction:column;gap:12px}
.description-viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
#descriptionViewer h2{font-size:18px;margin:0}
#closeDescriptionViewer{width:36px;min-height:36px;padding:6px;border-radius:50%;background:#eee9f6}
#fullDescription{min-height:80px;overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.7;padding:2px 4px 10px;user-select:text;-webkit-user-select:text}
#fullDescription a{color:#5845bc;text-decoration:underline;text-underline-offset:3px}
#fullDescription a:focus-visible{outline:2px solid #6958f5;outline-offset:3px}
#taskForm .description-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px;min-height:32px;font-size:11px;color:#81758f}
#taskForm .description-actions[hidden]{display:none}
.description-actions>div{display:flex;align-items:center;gap:8px}
#taskForm #editDescription{width:32px;min-height:32px;padding:7px;background:#f0ecf7;border-radius:9px}
#editDescription .ui-icon{width:16px;height:16px}
#taskForm #descriptionField[hidden]{display:none}
#taskForm .description-edit-label{display:block;margin:4px 0 6px}
#descriptionViewer .description-viewer-heading h2{margin-right:auto}
#descriptionViewer #editDescription{display:grid;place-items:center;min-width:34px;height:34px;min-height:34px;padding:7px;border-radius:10px;background:#eee9f6;color:#6651b5;font-size:11px}
#descriptionViewer #editDescription .ui-icon{width:17px;height:17px}
#descriptionViewer #descriptionDraft{width:100%;min-height:240px;max-height:55dvh;flex:1;padding:12px;border:1px solid #ded5eb;border-radius:12px;background:#fff;font-size:15px;line-height:1.7;resize:vertical;box-sizing:border-box}
#descriptionViewer #descriptionDraft[hidden],#descriptionViewer #fullDescription[hidden]{display:none}
.description-draft-note{font-size:11px;line-height:1.4;color:#81758f;margin:0;flex-shrink:0}
#descriptionViewer #saveDescriptionDraft{display:grid;place-items:center;width:34px;height:34px;min-height:34px;padding:7px;border-radius:10px;background:#6958f5;color:#fff}
#saveDescriptionDraft .ui-icon{width:18px;height:18px;filter:brightness(0) invert(1)}
#descriptionViewer #saveDescriptionDraft[hidden],#descriptionViewer #editDescription[hidden]{display:none}
/* Keep full descriptions scrollable without a visible scroll track. */
#descriptionViewer,#fullDescription,#descriptionDraft{scrollbar-width:none}
#descriptionViewer::-webkit-scrollbar,#fullDescription::-webkit-scrollbar,#descriptionDraft::-webkit-scrollbar{display:none;width:0;height:0}