/* Customers page styles */
:root { --gap: 1rem; --radius: 12px; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, sans-serif; color:#222; }
.container { max-width: 1100px; margin: 2rem auto; padding: 0 1rem; }
.page-head { display:flex; align-items:center; justify-content:space-between; gap: var(--gap); margin-bottom: 1rem; }
.actions { display:flex; gap:.5rem; flex-wrap: wrap; }
.btn { display:inline-block; padding:.5rem .75rem; border:1px solid #ccc; border-radius:.5rem; text-decoration:none; background:#fff; cursor:pointer; }
.btn.primary { background:#0d6efd; color:#fff; border-color:#0d6efd; }
.btn.danger { background:#dc3545; color:#fff; border-color:#dc3545; }
.btn.current { font-weight:700; }
.inline { display:inline; }
.card { border:1px solid #ddd; border-radius: var(--radius); padding:1rem; background:#fff; }
.grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap: var(--gap); }
.field { display:flex; flex-direction:column; gap:.25rem; }
.muted { color:#666; font-size:.95em; }
.error { color:#b00020; font-size:.95em; min-height: 1.2em; }
.flash { padding:.75rem 1rem; border-radius:.5rem; margin:.75rem 0; }
.flash.success{ background:#d1e7dd; color:#0f5132; border:1px solid #badbcc; }
.flash.error{ background:#f8d7da; color:#842029; border:1px solid #f5c2c7; }
.table { width:100%; border-collapse:collapse; background:#fff; }
.table th, .table td { border:1px solid #eee; padding:.6rem; text-align:left; vertical-align:top; }
.table thead th { background:#f8f9fa; }
.pagination { margin-top:1rem; display:flex; gap:.5rem; flex-wrap:wrap; }
.form-actions { display:flex; align-items:center; gap:.5rem; margin-top:1rem; }
.search { display:flex; gap:.5rem; }