/* components.css - cards, tables, calendar, draglist */
.card { background: var(--card); border: 1px solid var(--border); border-radius: 8px; padding: 1.5em; margin-bottom: 1em; box-shadow: 0 2px 8px #0001; }
.table { width: 100%; border-collapse: collapse; margin-bottom: 1em; }
.table th, .table td { border: 1px solid var(--border); padding: .7em; text-align: left; }
.table th { background: #f0f4fa; }
.calendar { display: flex; flex-wrap: wrap; gap: 1em; }
.event { background: var(--card); border: 1px solid var(--border); border-radius: 6px; padding: .7em 1em; min-width: 180px; }
.draglist { list-style: none; padding: 0; margin: 0; display: flex; gap: .5em; }
.draglist li { background: #e9ecef; border: 1px solid var(--border); border-radius: 4px; padding: .5em 1em; cursor: grab; }