/* Tarjeta de un tablero en el panel de inicio. */
.board-card { position: relative; display: flex; flex-direction: column; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius); overflow: hidden; transition: border-color .15s, box-shadow .15s; }
.board-card:hover, .board-card:focus-within { border-color: #f0b6a6; box-shadow: var(--shadow); }
.board-card__link { display: block; color: inherit; text-decoration: none; padding: 0 0 var(--space-3); }
.board-card__preview { height: 112px; margin-bottom: var(--space-3); background-color: #f6f7f4; background-image: radial-gradient(#d3d6cf 1px, transparent 1.3px); background-size: 14px 14px; position: relative; border-bottom: 1px solid var(--color-border); }
.board-card__preview i { position: absolute; width: 46px; height: 42px; border-radius: 2px; box-shadow: 0 4px 8px -4px #3a321c40; }
.board-card__preview i:nth-child(1) { left: 22%; top: 26%; background: var(--note-a, #fff2a7); transform: rotate(-3deg); }
.board-card__preview i:nth-child(2) { left: 44%; top: 34%; background: var(--note-b, #d4ecff); }
.board-card__preview i:nth-child(3) { left: 63%; top: 22%; background: var(--note-c, #d4f2dc); transform: rotate(4deg); }
.board-card__title { margin: 0 var(--space-3); font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board-card__meta { margin: 2px var(--space-3) 0; color: var(--color-muted); font-size: .82rem; }
.board-card__actions { display: flex; gap: var(--space-1); padding: 0 var(--space-2) var(--space-2); margin-top: auto; }
.board-card__btn { border: 0; background: transparent; color: var(--color-muted); font: inherit; font-size: .82rem; font-weight: 600; padding: 6px 10px; border-radius: 8px; cursor: pointer; }
.board-card__btn:hover { background: #f1f2ee; color: var(--color-text); }
.board-card__btn--danger:hover { background: #fdecec; color: var(--color-danger); }