/* 0.30.1 shared disclosure language.
   Sections: right when closed, down when open.
   Selection/action popups: down when closed, up when open.
   Native details use their real open state; manual controls use aria-expanded.
   Native select controls keep the browser/OS picker and its native state. */

details>summary{list-style:none}
details>summary::-webkit-details-marker{display:none}
details>summary::marker{content:""}
details>summary::before,
#planning-pool-toggle::before,
.task-attachments-link-option::before{
  content:"";display:inline-block;box-sizing:border-box;flex:0 0 8px;
  width:8px;height:8px;margin-inline-end:8px;vertical-align:1px;
  border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;
  transform:rotate(-45deg);transform-origin:center;
}
details[open]>summary::before,
#planning-pool-toggle[aria-expanded="true"]::before,
.task-attachments-link-option[aria-expanded="true"]::before{transform:rotate(45deg)}

/* A default section marker must not coexist with a popup indicator. */
:is(.task-quick-property,.task-options-menu,.member-picker,.report-picker,
    .project-color-picker,#demo-account-picker,.task-inline-deadline,
    .kanban-column-menu,.mobile-task-options,.mobile-create-more)>summary::before{display:none}
:is(.task-quick-property,.task-options-menu,.member-picker,.report-picker,
    .project-color-picker,#demo-account-picker,.task-inline-deadline,
    .kanban-column-menu,.mobile-task-options,.mobile-create-more)>summary::after,
.task-relation-toggle::after,.task-attachments-add::after,.entity-project-swatch::after{
  content:"";display:inline-block;box-sizing:border-box;flex:0 0 8px;
  width:8px;height:8px;margin-inline-start:8px;vertical-align:3px;
  border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;
  transform:rotate(45deg);transform-origin:center;
}
:is(.task-quick-property,.task-options-menu,.member-picker,.report-picker,
    .project-color-picker,#demo-account-picker,.task-inline-deadline,
    .kanban-column-menu,.mobile-task-options,.mobile-create-more)[open]>summary::after,
.task-relation-toggle[aria-expanded="true"]::after,
.task-attachments-add[aria-expanded="true"]::after,
.entity-project-swatch[aria-expanded="true"]::after{transform:rotate(225deg)}

/* Keep +, ellipsis, avatars and color swatches as the primary identities.
   Do not add a state indicator to direct actions, tooltips or dialog launchers. */
.task-options-menu>summary,.kanban-column-menu>summary{
  display:flex;align-items:center;justify-content:center;
}
.task-options-menu>summary{width:40px}
.kanban-column-menu>summary{width:36px}
.task-options-menu>summary::after,.kanban-column-menu>summary::after,
.mobile-task-options>summary::after,.mobile-create-more>summary::after{margin-inline-start:5px}
.task-quick-property>summary::after{margin-inline-start:0}
#task-add-choice>summary{width:52px}
.task-relation-toggle::after{margin:0;vertical-align:3px}
.project-color-picker>.project-color-swatch,.entity-project-swatch{
  position:relative;
}
.project-color-picker>.project-color-swatch::after,.entity-project-swatch::after{
  position:absolute;right:4px;bottom:5px;width:7px;height:7px;margin:0;
  color:#fff;filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);
}

/* Each SVG starts as a right-pointing chevron. Only its owning state rotates it. */
.description-toggle .description-chevron,
.description-toggle[aria-expanded="false"] .description-chevron,
.checklist-fold>.icon,.checklist-toggle>.icon:last-child{transform:rotate(0deg)}
.description-toggle[aria-expanded="true"] .description-chevron,
.checklist-fold[aria-expanded="true"]>.icon,
.checklist-toggle[aria-expanded="true"]>.icon:last-child{transform:rotate(90deg)}
.task-attachments-fold .task-attachments-fold-icon::before,
.task-attachments-fold[aria-expanded="false"] .task-attachments-fold-icon::before{
  box-sizing:border-box;border:0;border-right:1.7px solid currentColor;
  border-bottom:1.7px solid currentColor;transform:rotate(-45deg);
}
.task-attachments-fold[aria-expanded="true"] .task-attachments-fold-icon::before{transform:rotate(45deg)}

/* One task-detail body scale: filenames/links, checklist and description text.
   Headings, file-type badges and controls keep their intentional hierarchy. */
#editor{--task-detail-text-size:.875rem;--task-detail-meta-size:.75rem}
#editor .task-attachment-download,#editor .task-attachment-removed-name,
#editor .task-attachments-selected,#editor .task-attachments-edit-title,
#editor .description-preview,#editor .task-description .notes-rich-surface,
#editor .checklist-content .checklist-row .checklist-text,
#editor .checklist-content .checklist-text-sizer,
#editor .checklist-content .checklist-add input{
  font-size:var(--task-detail-text-size);line-height:1.5;
}
#editor .task-attachment-meta{font-size:var(--task-detail-meta-size);line-height:1.5}
#editor .task-attachments-status,#editor .task-attachments-limits,
#editor .task-attachments-draft-hint,#editor .task-attachments-edit-hint,
#editor .task-attachments-removed-hint,#editor .task-attachments-sort-hint{
  font-size:var(--task-detail-meta-size);line-height:1.5;
}
@media(max-width:820px){
  #editor{--task-detail-text-size:16px;--task-detail-meta-size:13px}
}
@media(forced-colors:active){
  .project-color-picker>.project-color-swatch::after,.entity-project-swatch::after{color:ButtonText;filter:none}
}