.animal-table-wrapper{box-sizing:border-box;width:100%;max-width:100%}.animal-table-desktop-container{background-color:var(--bg-surface);border-radius:var(--radius-lg,12px);border:1px solid var(--border-color);width:100%;display:block;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.animal-table-desktop{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.animal-table-mobile-container{gap:var(--space-2);box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;display:none}.animal-table-mobile-header{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:8px 12px;font-size:.8125rem;font-weight:600;display:flex}.animal-table-mobile-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;flex-direction:column;gap:8px;width:100%;padding:10px 12px;transition:border-color .15s,background-color .15s;display:flex;box-shadow:0 1px 2px #00000008}.animal-table-mobile-card.selected{border-color:var(--color-primary-400,#86efac);background-color:var(--color-primary-50,#f0fdf4)}.mobile-card-top-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;display:flex}.mobile-card-id-block{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.mobile-card-id-text{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:700;overflow:hidden}.mobile-card-grid{grid-template-columns:1fr 1fr;gap:6px 12px;font-size:.8125rem;display:grid}.mobile-card-field{flex-direction:column;min-width:0;display:flex}.mobile-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.6875rem;font-weight:600}.mobile-card-value{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-card-actions{border-top:1px dashed var(--border-color);justify-content:flex-end;align-items:center;gap:6px;margin-top:2px;padding-top:6px;display:flex}@media (width<=768px){.animal-table-desktop-container{display:none}.animal-table-mobile-container{display:flex}}