/* Shared interaction details, deliberately scoped to the existing paper UI. */
.home-note-read { display: block; width: 100%; padding: 3px 0; color: inherit; font: inherit; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: transparent; border: 0; }
.home-note-read:hover, .home-task-copy:hover { color: #526b3c; background: transparent; text-decoration: underline; text-underline-offset: 4px; }
.home-task .home-task-circle { display: grid; place-items: center; width: 30px; height: 30px; padding: 5px; border-radius: 8px; cursor: pointer; }
.home-task-circle .home-icon { width: 17px; height: 17px; opacity: 0; }
.home-task-circle:hover { color: #61764e; background: #edf2e4; border-color: #81986b; }
.home-task-circle:hover .home-icon, .home-task-circle:focus-visible .home-icon { opacity: 1; }
.home-task .home-task-copy { text-align: left; padding: 5px 0; border: 0; background: transparent; }
.home-inline-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; column-gap: 12px; row-gap: 3px; }
.home-module-foot .home-inline-actions { flex-shrink: 0; }
.home-metric-open { position: absolute; inset: 0; display: block; width: 100%; height: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; cursor: pointer; }
.home-metric-open:hover { background: #8c9f6510; }
.home-metric-open:focus-visible { outline-offset: -4px; }
.home-metric-arrow { float: right; font-size: 13px; color: #88976f; transition: transform .15s ease; }
.home-metric:has(.home-metric-open:hover) .home-metric-arrow { transform: translate(2px,-2px); }
.filter-summary { min-height: 38px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; padding: 5px 0 10px; color: #8c7d68; font-size: 11px; line-height: 1.8; }
.filter-summary strong { color: #6c7f52; font-weight: 600; }
.filter-reset { display: inline-flex; align-items: center; gap: 5px; min-height: 32px; padding: 4px 9px; border: 1px solid #dedfcd; border-radius: 6px; color: #6c7f52; font-size: 11px; background: #f6f8ee; }
.filter-reset:hover { background: #eaf0dd; border-color: #b9c79f; }
.filter-reset .icon { width: 12px; height: 12px; }
.task-main > .filter-summary { padding: 6px 20px 12px; border-bottom: 1px solid #ebe5da; }
.task-scope-context { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; padding: 12px 20px 0; color: #96846b; font-size: 11px; line-height: 1.8; }
.task-scope-context > span { margin-right: auto; overflow-wrap: anywhere; }
.task-scope-context .filter-reset { font-size: 10px; }
.side-pane > .filter-summary { margin: 0 0 8px; font-size: 10px; }
#task-search { min-width: 0; }
.home-page button:focus-visible, .filter-reset:focus-visible, .task-title:focus-visible { outline: 2px solid #7d925e; outline-offset: 3px; }
@media (max-width: 620px) {
  .home-module-foot { flex-wrap: wrap; }
  .home-inline-actions { justify-content: flex-start; }
  .home-inline-actions .home-text-link, .home-module-foot > .home-text-link { min-height: 36px; padding-left: 0; font-size: 10px; }
  .home-task .home-task-circle { width: 36px; height: 36px; }
  .home-task .home-task-copy { min-height: 40px; }
  .home-note-read { min-height: 36px; }
  .filter-reset { min-height: 36px; }
  .task-scope-context { padding: 12px 14px 0; }
  .task-main > .filter-summary { padding: 6px 14px 12px; }
}
@media (prefers-reduced-motion: reduce) { .home-metric-arrow { transition: none; } }
/* Keep selected counts readable, and the optional companion clear of narrow content. */
[data-theme=hirono] .tempo-tabs button.active .count { color: #fffef9; background: #ffffff18; }
@media (max-width: 1380px) { [data-theme=hirono] .hirono-companion { display: none; } }