/* Styles for Drinks checklist/spreadsheet */
.table-wrap{overflow:auto; margin-top:1rem}
table#drinksTable{width:100%; border-collapse:collapse; background:#0b0b0b; color:#e6e6e6}
table#drinksTable th, table#drinksTable td{border:1px solid rgba(255,255,255,0.06); padding:0.5rem 0.6rem; text-align:left; vertical-align:middle}
table#drinksTable th{background:rgba(255,255,255,0.03); font-weight:700}
table#drinksTable td[contenteditable="true"]{outline:none}
table#drinksTable td:focus{background:rgba(255,255,255,0.02)}
.controls{display:flex; gap:0.5rem; margin-top:0.6rem}
.controls button{background:#1b1b1b; color:#fff; border:1px solid rgba(255,255,255,0.06); padding:0.45rem 0.75rem; border-radius:4px; cursor:pointer}
.controls button:hover{opacity:0.95}
.btn-small{background:#ff6b6b; color:#fff; border:none; padding:0.25rem 0.5rem; border-radius:3px; cursor:pointer}
.muted{color:var(--matrix-dim, #9aa)}

@media (max-width:720px){
  table#drinksTable th:nth-child(5), table#drinksTable td:nth-child(5){display:none}
}

/* Filters */
.filters{display:flex; flex-wrap:wrap; gap:0.5rem; align-items:center; margin:0.75rem 0}
.filters label{font-size:0.95rem; color:#dfe; display:flex; gap:0.35rem; align-items:center}
.filters input[type="text"], .filters input[type="date"], .filters select{background:#0b0b0b; color:#e6e6e6; border:1px solid rgba(255,255,255,0.06); padding:0.25rem 0.4rem; border-radius:3px}
.filters button{background:#222; color:#fff; border:1px solid rgba(255,255,255,0.06); padding:0.35rem 0.5rem; border-radius:4px; cursor:pointer}

@media (max-width:720px){
  .filters{flex-direction:column; align-items:stretch}
  .filters label{width:100%}
}