/* public/assets/css/app.css */
:root { --bg:#f6f7fb; --card:#fff; --border:#e6e8ef; --text:#1f2a37; }
body { background: var(--bg); color: var(--text); }
.navbar-brand { font-weight: 700; }
.card { border: 1px solid var(--border); border-radius: 14px; }
.btn { border-radius: 10px; }
.form-control, .form-select { border-radius: 10px; }
.badge { border-radius: 999px; }
.img-thumb { width: 96px; height: 96px; object-fit: cover; border-radius: 12px; border: 1px solid var(--border); }
.dish-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
.dish-card img { width:100%; height: 160px; object-fit: cover; border-radius: 12px; border: 1px solid var(--border); background:#fff; }
.small-muted { color:#6b7280; font-size: 12px; }


/* Upload lock modal */
#uploadLockModal .modal-content{border-radius:14px;}