/* Basic styles */
.ffv-wrap { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.ffv-actions-bar { display:flex; justify-content:flex-end; margin-bottom:8px; }
.ffv-add-new { display:inline-flex; width:34px; height:34px; border-radius:50%; align-items:center; justify-content:center; font-size:22px; line-height:1; border:1px solid #d0d0d0; background:#fafafa; text-decoration:none; }
.ffv-add-new:hover { background:#f3f3f3; }
.ffv-search { margin: 8px 0 12px; display: flex; gap: 8px; }
.ffv-search input[type="text"] { flex: 1; padding: 8px 10px; border: 1px solid #e2e2e2; border-radius: 8px; }
.ffv-search button { padding: 8px 14px; border: 1px solid #d0d0d0; background: #fafafa; border-radius: 8px; cursor: pointer; }
.ffv-table-wrap { overflow-x: auto; }
.ffv-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.ffv-table th, .ffv-table td { padding: 10px 12px; border-bottom: 1px solid #eee; text-align: left; vertical-align: top; }
.ffv-table th { background: #fafafa; font-weight: 600; }
.ffv-pagination { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 6px; }
.ffv-page { display: inline-block; padding: 6px 10px; border: 1px solid #e1e1e1; border-radius: 6px; text-decoration: none; }
.ffv-page.current { background: #111; color: #fff; border-color: #111; }

/* Hamburger menu */
.ffv-actions-col { width: 48px; text-align:right; }
.ffv-actions-cell { text-align:right; position:relative; }
.ffv-menu-wrap { position:relative; display:inline-block; }
.ffv-menu-toggle { background:transparent; border:none; font-size:20px; line-height:1; cursor:pointer; padding:4px 6px; border-radius:6px; }
.ffv-menu-toggle:hover { background:#f0f0f0; }
.ffv-menu { display:none; position:absolute; right:0; top:100%; min-width:140px; background:#fff; border:1px solid #e6e6e6; border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,.08); z-index:50; }
.ffv-menu-row { padding:8px 10px; }
.ffv-menu-item { text-decoration:none; color:#111; display:block; }
.ffv-menu-row:hover { background:#f7f7f7; }
.ffv-danger { color:#b21d1d; }
@media (max-width: 640px) {
  .ffv-table th, .ffv-table td { padding: 8px; }
}

/* Cards view */
.ffv-view-cards .ffv-table { display:none; }
.ffv-cards { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:12px; }
.ffv-card { border:1px solid #e6e6e6; border-radius:12px; padding:12px; background:#fff; }
.ffv-card-row { display:flex; justify-content:space-between; margin-bottom:6px; }
.ffv-card-label { font-weight:600; opacity:.7; margin-right:8px; }
.ffv-card-actions { text-align:right; }
@media (max-width: 1024px) {
  .ffv-cards { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .ffv-mobile-cards .ffv-table { display:none; }
  .ffv-mobile-cards .ffv-cards { display:grid; grid-template-columns: 1fr; }
}