/* Additive controls and approved extra depth/size, keeping compact grids. */
.fx9-task-status { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0; }
.fx9-task-status:empty { display: none; }
.fx9-due,.fx9-partial-badge { font: 650 12px/1.5 system-ui; padding: 3px 8px; border-radius: 7px; background: #e9f1f5; color: #295369; }
.fx9-due.overdue { color: #8d3623; background: #fbe9df; }
.fx9-due.today { color: #755116; background: #fff0ca; }
.fx9-partial-badge { color: #786018; background: #fff2ce; }
.fx9-progress-note { color: #576963; font-size: 13px; line-height: 1.5; white-space: pre-wrap; }
.fx9-progress-form { padding-top: 8px; margin-top: 8px; border-top: 1px solid #dacfbf; }
.fx9-progress-form textarea { width: 100%; }
.fx9-reset { margin: 8px 0; }
.fx6-list-card { overflow: clip; }
.fx9-list-header { display: flex; align-items: center; gap: 2px; position: sticky; top: 0; z-index: 3; background: #f3f3e7; border-radius: 11px 11px 0 0; }
.fx9-list-header .fx6-list-summary { min-width: 0; flex: 1; width: auto; min-height: 60px; user-select: none; -webkit-touch-callout: none; touch-action: pan-y; }
.fx9-list-header .fx6-list-summary b { overflow-wrap: anywhere; }
.fx9-list-more { min-width: 40px; width: 40px; min-height: 44px; padding: 3px; margin-right: 3px; border: 0; border-radius: 9px; background: #e8efdf; color: #3f5b45; font-size: 27px; }
.fx9-list-menu { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 8px 10px 12px; background: #f1f2e7; border-top: 1px solid #d5ddc6; position: sticky; top: 60px; z-index: 4; }
#fx9ListRenameForm { position: sticky; top: 60px; z-index: 4; }
.fx9-list-menu button { min-height: 44px; background: #fffef8; color: #315142; border: 1px solid #cbd8bc; border-radius: 9px; padding: 8px; font-size: 13px; }
.fx9-list-menu .fx9-danger { color: #a13b35; }
.fx7-shopping-items { gap: 4px; }
.fx7-shopping-line { padding: 0 4px; gap: 3px; }
.fx7-item-title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 7px; padding: 5px 4px; min-height: 44px; }
.fx7-item-title b { display: inline; font-size: 14px; }
.fx7-item-title small { display: inline; margin: 0; font-size: 12px; }
.fx7-tick,.fx7-remove { min-width: 39px; min-height: 44px; }
.fx7-action,.fx-tile,.fx6-recipe-tile,.fx6-list-card,.fx6-task-row {
  box-shadow: inset 0 1px 2px #ffffffd9, inset 0 -2px 4px #5a67401c, 0 4px 8px #4b563325;
}
.fx7-action { min-height: 53px; padding-top: 11px; padding-bottom: 11px; }
.fx7-baby-actions .fx7-action { min-height: 54px; padding-top: 10px; padding-bottom: 10px; }
.fx-tile { min-height: 55px; padding-top: 11px; padding-bottom: 11px; }
.fx6-recipe-tile { min-height: 73px; }
.fx6-task-row { padding-top: 13px; padding-bottom: 13px; }
#app[data-page="home"] .feature { min-height: 99px; box-shadow: inset 0 2px 3px #fff, inset 1px 0 2px #ffffffbd, inset 0 -4px 7px #50301240, 0 7px 12px var(--tile-shadow), 0 2px 3px #8e592b24; }
#app[data-page="home"] .fx6-cookbook-feature { min-height: 100px !important; }
@media (max-width: 380px) { #app[data-page="home"] .feature { min-height: 92px; } }
@media (min-width: 600px) { #app[data-page="home"] .feature { min-height: 125px; } #app[data-page="home"] .fx6-cookbook-feature { min-height: 121px !important; } }