/* ============================================================================
   empty_state.css — shared styling for the listing empty-state component (#66).

   Sprint 4 Session 3. Pairs with macros/empty_state.html. Listing-agnostic and
   neutral (not per-page themed) so every listing's empty state looks the same.
   Larger + centered per the #66 Issue ("improve empty-state message — larger,
   centered"). Neutral palette matches the listing pages' shared tokens.
============================================================================ */

.empty-state {
  text-align: center;
  padding: 56px 16px;
  max-width: 420px;
  margin: 8px auto 0;
}
.empty-state-heading {
  font-size: 16px;
  font-weight: 500;
  color: #3a3a3a;
  margin: 0 0 6px;
}
.empty-state-sub {
  font-size: 13px;
  color: #9a9a8a;
  margin: 0 0 16px;
  line-height: 1.5;
}
.empty-state-clear {
  display: inline-block;
  font-size: 12px;
  padding: 7px 16px;
  border: 1px solid #B5A98A;
  border-radius: 8px;
  color: #4A5A2A;
  background: #fff;
  text-decoration: none;
}
.empty-state-clear:hover {
  background: #EEE9DF;
  border-color: #6B7B8D;
}