/* Shared interaction refinements; accounting and section layouts stay intact. */
/* The empty direction is decorative poultry. Keep other livestock layouts intact. */
#workspace[data-direction=""] {
  --poultry-metric-size: clamp(32px, 3vw, 40px);
  --poultry-muted: #526e74;
}
#workspace[data-direction=""] :is(.metric-card > strong, .egg-metric strong, .inc-metric > strong, .chick-metric strong, .cd-metric strong, .feeding-kpis strong, .vb-metric strong, #finance-summary h2, #finance-summary strong, .report-debt > strong) {
  font-size: var(--poultry-metric-size);
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  white-space: normal;
  overflow-wrap: anywhere;
  overflow: visible;
}
#workspace[data-direction=""] :is(.feeding-kpis article, .vb-metric > div) { min-width: 0; }
#workspace[data-direction=""] :is(.feeding-kpis small, .vb-metric small, .feeding-cost-note, .feeding-hint, .feeding-kpis span, .expense-range, .report-debt small) {
  font-size: 14px;
  color: var(--poultry-muted);
  line-height: 1.5;
}
#workspace[data-direction=""] :is(.button, .health-tab, .feeding-presets button, .expense-presets button, .report-presets button) { min-height: 44px; font-size: 14px; }
#workspace[data-direction=""] .feeding-open { min-width: 44px; min-height: 44px; }
#workspace[data-direction=""] :is(.workspace-heading h1, .workspace-heading h2) { letter-spacing: -.025em; }
#workspace[data-direction=""] :is(.record-main > span, .record-main > small, .customer-list-card small) { font-size: 14px; line-height: 1.5; color: var(--poultry-muted); }
#workspace[data-direction=""] .delivery-overview { margin-top: 20px; }
#workspace[data-direction=""] button:focus-visible { outline: 2px solid #087579; outline-offset: 3px; }
#workspace[data-direction=""] [data-feeding-metrics] h2 { font-size: var(--poultry-metric-size); }
#workspace[data-direction=""] :is(.metric-card > span, .egg-metric > span:not(.egg-metric-icon), .inc-metric > span, .chick-metric > span:not(.chick-metric-icon), .cd-metric span) {
  font-size: 14px;
  color: var(--poultry-muted);
  letter-spacing: normal;
  text-transform: none;
}
#workspace[data-direction=""] :is(.metric-card > small, .egg-metric small, .inc-metric > small, .chick-metric small) {
  display: block;
  font-size: 13px;
  color: var(--poultry-muted);
  white-space: normal;
  line-height: 1.5;
}
#workspace[data-direction=""] .medicine-row-actions .button,
#workspace[data-direction=""] .medicine-actions .button,
#workspace[data-direction=""] .cd-tools .button { min-height: 44px; font-size: 14px; }
#workspace[data-direction=""] .medicine-more summary { width: 44px; height: 44px; }
#workspace[data-direction=""] .medicine-more summary:focus-visible { outline: 2px solid #087579; outline-offset: 3px; }
#workspace[data-direction=""] :is(.medicine-identity small, .medicine-expiry, .medicine-hint) { font-size: 14px; color: var(--poultry-muted); }
#workspace[data-direction=""] :is(.fd-roster th, .fd-roster td, .cd-composition th, .cd-composition td) { font-size: 14px; }
@media (max-width: 650px) {
  #workspace[data-direction=""] :is(.egg-metrics, .family-summary-metrics, .cd-metrics, .inc-metrics, .chick-metrics) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #workspace[data-direction=""] .eggs-minimal .egg-metric:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media (max-width: 360px) {
  #workspace[data-direction=""] :is(.egg-metrics, .family-summary-metrics, .cd-metrics, .inc-metrics, .chick-metrics, .metric-grid, .feeding-kpis, .vb-metrics, #finance-summary) {
    grid-template-columns: minmax(0, 1fr);
  }
}
.button, .row-action { min-height: 44px; }
.icon-button, .editor-close { min-width: 44px; min-height: 44px; }
button:disabled { cursor: not-allowed; }
button:disabled:active { transform: none; }
input:focus-visible, select:focus-visible, textarea:focus-visible, a:focus-visible {
  outline: 2px solid #087579; outline-offset: 3px;
}
@media (pointer: coarse), (max-width: 700px) {
  .ring-entry-remove, .adult-row-actions button { min-width: 44px; min-height: 44px; }
  .records-toolbar input, .records-toolbar select { min-height: 44px; }
  dialog input, dialog select, dialog textarea { font-size: 16px; }
}
@media (prefers-reduced-motion: no-preference) {
  .button, .row-action, .icon-button, .editor-close {
    transition: background-color 140ms ease-out, color 140ms ease-out,
      border-color 140ms ease-out, box-shadow 140ms ease-out, transform 100ms ease-out;
  }
}
@media (prefers-reduced-motion: reduce) {
  button:active, .family-card-clickable:hover { transform: none; }
  html { scroll-behavior: auto; }
}