/* A quiet working list: completion in the margin, sharing as a deliberate step. */
.action-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.action-eyebrow { display: block; color: #78836d; font: 500 9px/1.5 var(--sans); letter-spacing: .12em; text-transform: uppercase; }
.action-section-heading h3 { margin-top: 6px; color: var(--ink); font: 400 27px/1.12 var(--serif); letter-spacing: -.025em; }
.action-count { flex-shrink: 0; color: #79866e; font: 400 10px/1.4 var(--sans); font-variant-numeric: tabular-nums; }
.action-heading-tools { display: flex; align-items: center; align-self: flex-end; gap: 7px; }
.action-heading-tools > button { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #86937b; font-size: 11px; }
.action-heading-tools > button:hover:not(:disabled) { background: #edf2e6; color: #45633f; }
.action-composer { margin-top: 19px; padding: 12px; border: 1px solid #d8e0cd; border-radius: 14px; background: #fffefa; transition: border-color 150ms, box-shadow 150ms; }
.action-composer:focus-within { border-color: #97aa86; box-shadow: 0 0 0 3px #c9d5bd35; }
.action-composer textarea { display: block; width: 100%; min-height: 46px; max-height: 160px; padding: 0; border: 0; outline: none; resize: vertical; background: transparent; color: var(--ink); font: 400 13px/1.65 var(--sans); }
.action-composer textarea::placeholder { color: #85907b; }
.action-composer-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 9px; }
.action-composer-footer > span { max-width: 180px; color: #7e8874; font: 400 9px/1.5 var(--sans); }
.action-composer button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex-shrink: 0; min-height: 32px; padding: 6px 11px; border: 0; border-radius: 9px; background: #47653e; color: #fffefa; font: 500 11px/1.4 var(--sans); }
.action-composer button .icon { font-size: 11px; }
.action-composer button:hover:not(:disabled) { background: #334e30; }
.action-composer button:disabled { background: #eef0e7; color: #9ba58f; opacity: 1; }
.action-feedback { margin-top: 10px; color: #617652; font: 400 11px/1.6 var(--sans); overflow-wrap: anywhere; }
.action-feedback.is-error { color: #965a45; }
.action-point-list { margin-top: 17px; }
.action-point-list:has(.action-point-item) { border: 1px solid #e1e6d8; border-radius: 14px; background: #fffefa; }
.action-empty { display: grid; justify-items: center; gap: 8px; padding: 23px 18px; border-radius: 14px; background: #f0f3e82b; text-align: center; }
.action-empty > .icon { margin-bottom: 2px; color: #91a47e; font-size: 18px; }
.action-empty > strong { color: #687b59; font: 400 21px/1.2 var(--serif); }
.action-empty > p { max-width: 235px; color: #808b75; font: 400 11px/1.7 var(--sans); }
.action-point-item { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 7px; margin: 0 12px; padding: 14px 0 9px; }
.action-point-item + .action-point-item { border-top: 1px solid #e9ecdf; }
.action-point-complete { display: grid; place-items: center; position: relative; width: 30px; height: 30px; padding: 0; margin: -3px 0 0 -4px; border: 0; border-radius: 50%; background: transparent; color: transparent; }
.action-point-complete::before { position: absolute; inset: 5px; border: 1px solid #b9c5ab; border-radius: 50%; content: ''; }
.action-point-complete .icon { position: relative; font-size: 10px; }
.action-point-complete:hover:not(:disabled) { color: #94a984; }
.action-point-complete[aria-pressed="true"] { color: #fffefa; }
.action-point-complete[aria-pressed="true"]::before { border-color: #92a780; background: #92a780; }
.action-point-body { min-width: 0; }
.action-point-text { display: block; color: #40563a; font: 400 13px/1.65 var(--sans); white-space: pre-wrap; overflow-wrap: anywhere; }
.action-point-item.is-complete .action-point-text { color: #819078; text-decoration: line-through; text-decoration-color: #a9b49e; }
.action-point-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 3px; }
.action-point-meta { display: block; color: #829075; font: 400 10px/1.55 var(--sans); }
.action-point-footer .action-point-meta { display: flex; align-items: center; gap: 5px; }
.action-point-meta .icon { font-size: 8px; }
.action-point-controls { display: flex; align-items: center; gap: 1px; }
.action-point-controls button { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #86937b; }
.action-point-controls .icon { font-size: 11px; }
.action-point-edit:hover { color: #45633f; background: #edf2e6; }
.action-point-delete:hover { color: #9b5e48; background: #f5eae3; }
.action-point-editor { display: block; width: 100%; min-height: 80px; max-height: 230px; padding: 9px 10px; resize: vertical; border: 1px solid #a4b994; border-radius: 9px; background: #fffefa; color: var(--ink); font: 400 13px/1.65 var(--sans); }
.action-editor-controls { display: flex; justify-content: flex-end; gap: 7px; margin-top: 8px; padding-bottom: 4px; }
.action-editor-controls button { min-height: 32px; padding: 7px 12px; border: 0; border-radius: 8px; font: 500 11px/1.4 var(--sans); }
.action-editor-cancel { background: transparent; color: #78856e; }
.action-editor-save { background: #47653e; color: #fffefa; }
.action-share-bar { margin-top: 14px; }
.action-share-bar > button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 13px 14px; border: 1px solid #dfe6d4; border-radius: 13px; background: #eef3e5; color: #506d41; text-align: left; }
.action-share-bar > button > .icon:first-child { font-size: 15px; }
.action-share-bar > button > span { flex: 1; font: 500 12px/1.5 var(--sans); }
.action-share-bar small { display: block; margin-top: 2px; color: #7a8b6c; font: 400 10px/1.5 var(--sans); }
.action-share-bar > button > .icon:last-child { font-size: 12px; }
.action-share-bar > button:hover:not(:disabled) { background: #e7eedc; border-color: #c9d5bb; }
.previous-actions { margin-top: 23px; padding-top: 18px; border-top: 1px solid #e2e6d8; }
.previous-actions > summary { display: flex; align-items: center; gap: 8px; min-height: 36px; color: #748268; list-style: none; cursor: pointer; font: 500 12px/1.5 var(--sans); }
.previous-actions > summary::-webkit-details-marker { display: none; }
.previous-actions > summary > .icon { font-size: 11px; }
.previous-actions > summary > .action-count { margin-left: auto; }
.previous-actions > summary > .icon:last-child { font-size: 9px; transition: transform 150ms; }
.previous-actions[open] > summary > .icon:last-child { transform: rotate(180deg); }
.previous-action-list { display: grid; gap: 0; margin-top: 9px; }
.previous-action-item { padding: 12px 0; border-bottom: 1px solid #e8eadf; }
.previous-action-item:last-child { border: 0; }
.previous-action-item .action-point-meta { margin-top: 5px; }
.previous-action-item.is-complete .action-point-text { color: #8b977f; }
.action-dialog { width: min(100% - 32px, 470px); max-height: calc(100dvh - 32px); padding: 28px; border: 1px solid #e0e7d5; background: #fcfcf6; overscroll-behavior: contain; }
.action-dialog-heading { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 21px; }
.action-dialog-emblem { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 13px; background: #edf2e5; color: #6d855a; }
.action-dialog-heading .chat-icon-button { --chat-icon-size: 34px; margin: -8px -8px 0 0; border-radius: 50%; }
.action-dialog h2 { margin-top: 8px; font: 400 33px/1.15 var(--serif); letter-spacing: -.025em; }
.action-dialog > p { margin-top: 11px; color: #78836d; font: 400 12px/1.75 var(--sans); }
.action-selection-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 19px; color: #7a876f; font: 400 11px/1.5 var(--sans); }
.action-selection-heading > button { min-height: 32px; padding: 4px 0 4px 8px; border: 0; background: transparent; color: #527342; font: inherit; }
.share-action-point-list { display: grid; gap: 7px; max-height: 36dvh; overflow: auto; margin-top: 6px; padding: 3px; scrollbar-width: thin; }
.share-action-choice { display: flex; align-items: flex-start; gap: 12px; padding: 13px; border: 1px solid #e0e6d6; border-radius: 11px; background: #fffefa; color: #48603d; cursor: pointer; font: 400 13px/1.65 var(--sans); }
.share-action-choice:has(input:checked) { border-color: #acc09b; background: #eef4e6; }
.share-action-choice input { flex: 0 0 17px; width: 17px; height: 17px; margin-top: 2px; accent-color: #577b45; }
.share-action-choice > span { min-width: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.action-dialog .dialog-actions { gap: 9px; margin-top: 24px; }
.action-dialog .dialog-actions .button { min-height: 42px; padding: 10px 15px; border-radius: 11px; font: 500 12px/1.5 var(--sans); }
.action-dialog .dialog-actions .icon { font-size: 12px; }
.action-dialog > .action-feedback.is-error { color: #965a45; }
.action-delete-dialog blockquote { max-height: 28dvh; overflow: auto; margin: 18px 0 0; padding: 13px 15px; border-left: 2px solid #c5d1b7; border-radius: 0 10px 10px 0; background: #f0f3e8; color: #60734f; white-space: pre-wrap; overflow-wrap: anywhere; font: 400 13px/1.7 var(--sans); }
.action-delete-dialog > .action-deletion-note { color: #95745d; font-size: 11px; }
#workspace-panel-guide :is(button, summary, textarea):focus-visible, .action-dialog :is(button, input):focus-visible { outline: 2px solid #829a70; outline-offset: 2px; }
@media (pointer: coarse) {
    .action-heading-tools > button { flex-basis: 44px; width: 44px; height: 44px; }
    .action-point-item { grid-template-columns: 40px minmax(0, 1fr); }
    .action-point-complete { width: 44px; height: 44px; margin-top: -10px; }
    .action-point-complete::before { inset: 12px; }
    .action-point-controls button { flex-basis: 44px; width: 44px; height: 44px; }
    .action-composer button, .action-editor-controls button, .action-dialog .dialog-actions .button { min-height: 44px; }
    .action-composer-footer > span { display: none; }
    .action-composer-footer { justify-content: flex-end; }
}
@media (max-width: 620px) {
    .action-composer textarea, .action-point-editor { font-size: 16px; }
    .action-dialog { padding: 22px; }
}
@media (prefers-reduced-motion: reduce) {
    .action-composer, .previous-actions > summary > .icon:last-child { transition: none; }
}