/* static/style.css */
body { font-family: Arial, sans-serif; }

table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
th, td { border: 1px solid #ddd; padding: 8px; }

/* Orders table */
.orders-table { width: 100%; border-collapse: collapse; }
.orders-table th, .orders-table td { border: 1px solid #ccc; padding: 8px; vertical-align: top; }
.orders-table thead th { background: #f7f7f7; position: sticky; top: 0; z-index: 1; }
.orders-table tbody tr:nth-child(odd) { background: #fafafa; }

.nowrap { white-space: nowrap; }
.meta { font-size: 0.9em; color: #555; }

/* Buttons / links that look like buttons */
.btn, button {
  display: inline-block;
  padding: 6px 10px;
  border: 1px solid #ccc;
  background: #f5f5f5;
  color: #222;
  text-decoration: none;
  border-radius: 4px;
  cursor: pointer;
}
.btn:hover, button:hover { background: #eee; }

/* Icon buttons (edit/delete) */
.icon-btn {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 18px;
  margin-left: 6px;
  text-decoration: none;
  line-height: 1;
}
.icon-btn:hover { opacity: 0.85; }

/* Hide new-tech text input by default; JS toggles it */
.new-tech-input { display: none; }

/* Optional: make table horizontally scrollable on small screens */
.table-scroll { overflow-x: auto; }