body { font-family: Arial, sans-serif; margin: 24px; }
a { color: #0b5; text-decoration: none; }
a:hover { text-decoration: underline; }
.topbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.card { border: 1px solid #ddd; border-radius: 8px; padding: 12px; margin-bottom: 12px; }
table { width: 100%; border-collapse: collapse; }
th, td { border-bottom: 1px solid #eee; padding: 8px; vertical-align: top; }
.badge { padding:2px 8px; border-radius: 999px; font-size: 12px; display:inline-block; }
.badge-break { background:#ffe2a8; }
.badge-item { background:#dff7e7; }
.row-break { background:#fff7e6; }
.muted { color:#666; font-size: 12px; }
input[type=text], input[type=email], input[type=password], textarea, input[type=datetime-local] {
    width:100%; padding:8px; border:1px solid #ccc; border-radius:6px;
}
textarea { min-height: 70px; }
.btn { padding:8px 12px; border:1px solid #ccc; border-radius:6px; background:#fafafa; cursor:pointer; }
.btn-primary { border-color:#0b5; }
.grid2 { display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.drag-handle { cursor: grab; user-select:none; font-weight:bold; }
.small { max-width: 720px; }
.edit-row { display: none; }
.edit-row.open { display: table-row; }