/* host.css - Airbnb-like host dashboard styles */
.host-wrap {
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "Helvetica Neue", Arial, sans-serif;
  padding: 18px 0 60px;
  background: #f7f7f8;
  min-height: 100vh;
}

/* header */
.host-header {
  width: 90%;
  max-width: 1100px;
  margin: 12px auto 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.host-header h1 { margin:0; font-size:20px; }
.host-header .muted { color:#777; font-size:13px; }

/* top actions */
.host-actions a { margin-left:10px; text-decoration:none; }

/* stats */
.host-stats {
  width:90%;
  max-width:1100px;
  margin: 6px auto 24px;
  display:flex;
  gap:16px;
}
.stat-card {
  background:#fff;
  padding:18px;
  border-radius:12px;
  flex:1;
  box-shadow: 0 6px 20px rgba(18,22,27,0.06);
  text-align:center;
}
.stat-value { font-size:22px; font-weight:700; }
.stat-label { color:#666; margin-top:6px; }

/* upcoming list */
.upcoming { width:90%; max-width:1100px; margin:auto 0 30px; }
.up-list { display:flex; flex-direction:column; gap:12px; }
.up-item {
  background:#fff; padding:12px 16px; border-radius:12px;
  display:flex; justify-content:space-between; align-items:center;
  box-shadow: 0 4px 16px rgba(18,22,27,0.05);
}

/* results grid / cards reuse listing styles from style.css:
   .results-grid .listing-card .card-img .card-body etc assumed present
*/

/* earnings */
.earnings-grid { width:90%; max-width:1100px; margin:14px auto; display:grid; grid-template-columns: repeat(auto-fill, minmax(220px,1fr)); gap:18px; }
.earning-card { background:#fff; padding:14px; border-radius:12px; box-shadow: 0 6px 20px rgba(0,0,0,0.05); }
.earning-card .price { font-weight:700; font-size:18px; color:#111; }

/* table utility - reuse air-table style if present */
.air-table { width:90%; max-width:1100px; margin:12px auto 40px; border-collapse: collapse; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.06); }
.air-table th, .air-table td { padding:12px 16px; border-bottom:1px solid #f2f2f2; }

/* small helpers */
.small-btn { display:inline-block; padding:8px 10px; border-radius:8px; background:#efefef; color:#333; text-decoration:none; margin-left:6px; }
.muted { color:#777; }
.btn-accept { background:#ff385c; color:#fff; padding:10px 14px; border-radius:10px; text-decoration:none; display:inline-block; }
.status-pending { color:#b26a00; font-weight:600; }
.status-accepted { color:#008a1e; font-weight:600; }
.status-declined { color:#d00000; font-weight:600; }

/* responsive */
@media(max-width:780px){
  .host-header { flex-direction:column; align-items:flex-start; gap:12px; }
  .host-stats { flex-direction:column; }
  .results-grid { grid-template-columns: 1fr; }
}